0.前置条件
(1)git
(2)maven
(3)jdk
(4)mysql
(5)nodejs
1.代码下载
打开若依官网:https://ruoyi.vip/
选择:“Ruoyi Vue前端分离版”

打开后如下所示,点击“克隆/下载”

这里选择下载ZIP压缩包和使用git工具下载代码。

代码下载下来后如下所示:

注意:上面是通过git方式下载的,所以文件夹上会有绿色对号和红色叹号的一些标记。
3.运行后端
运行后端前:需要正确配置:jdk(1.8)和maven
如果不会的话,参考下面的文章:
打开IDEA,复制上面文件夹所示的地址,在IDEA中打开。
项目打开如下:

注意右下角进度条,一开始加载比较慢,因为maven在下载相关的依赖。
(1)创建数据库
ruoyi给我们预制了sql,我们需要创建数据库并执行这个sql,这样启动的时候才不会报错。
我们打开navicat,创建一个数据库就叫ruoyi。

然后名字输入ruoyi,其他的可以暂时不选,点击确定。

然后右击这个数据库,选择“运行SQL文件”


SQL文件的位置在ruoyi这个项目的sql文件夹底下
找到这个sql文件的位置,

右击这个sql文件,点击“复制路径/引用”,然后选择绝对路径

然后复制到下面的框里

点击开始,出现”Finished successfully”就可以点击关闭了

(2)修改ruoyi的数据库配置文件
数据库配置文件的地址如下:
RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml
参考修改如下:
注意:请修改成你电脑上的mysql的数据库配置。

(3)修改redis配置
我们首先启动本地redis,如果你的redis没有修改过,那它默认是没有密码的,
ruoyi有关redis的配置在下面这个文件中
RuoYi-Vue\ruoyi-admin\src\main\resources\application.yml

这些默认是不需要修改的。
(4)启动
选择DEBUG启动
看到控制台输出下面的内容表示后台启动成功

4.运行前端
首先需要安装node,若依推荐安装node8.9以上版本,版本太低无法正常构建项目。不会安装的可以参考下面的文章。
我们右击“ruoyi-ui”文件夹,选择“打开于”——“终端”

我们首先切换一下淘宝源:
npm config set registry https://registry.npmmirror.com
然后查看一下是否切换成功
npm config get registry
过程如下:

然后在控制台里输入
npm instal
等待下载前端依赖文件

然后打开package.json文件,查看运行脚本

在控制台里输入
npm run dev
等待一会,前端开始启动,启动以后会自动打开浏览器。

浏览器打开如下:

输入验证码后,点击“登录”,默认界面如下:

这样,一个初始的若依就搭建完毕了。