若依开源项目配置——Vue前后端分离版（一）

写在前面

官方配置文档：http://doc.ruoyi.vip/ruoyi-vue/document/hjbs.html

准备项目

JDK >= 1.8 (推荐1.8版本，我用的是1.8.0_301)
Mysql >= 5.7.0 (推荐5.7版本，我用的是8.0.19)
Redis >= 3.0  (我用的是3.2.100)
Maven >= 3.0  (我用的是3.6.3)
Node >= 10 (我用的是15.6.0)

项目路径：https://gitee.com/y_project/RuoYi-Vue
git clone一份到Idea中，即可。

准备后端运行环境

配置数据文件

• 创建数据库ry-vue并导入数据脚本ry_2021xxxx.sql，quartz.sql
• 本地新建ry-vue数据库，导入上图的sql语句（库名可以随便起，我用的是默认的数据库名称）
  

修改数据源

• ruoyi-admin\src\main\resourcesresources目录下的application-druid.yml
  

# 数据源配置
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.cj.jdbc.Driver
        druid:
            # 主库数据源
            master:
                url: 数据库地址
                username: 数据库账号
                password: 数据库密码

配置服务器端口

• 编辑 ruoyi-admin\src\main\resourcesresources目录下的application.yml
  
  这一步默认8080端口即可

配置redis数据源

windows版本下载地址：https://github.com/tporadowski/redis/releases

下载好，直接点击运行即可！

启动后端项目

运行 com.ruoyi.RuoYiApplication.java，出现如下图表示启动成功。

启动成功！

准备前端运行环境

写在前面

# 进入项目目录
cd ruoyi-ui
# 安装依赖
npm install
# 强烈建议不要用 cnpm 安装，会有各种bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npm.taobao.org
# 本地开发 启动项目
npm run dev

启动前需要在 IDEA 中安装 Vue.js 插件

安装依赖

前端系统使用的是Vue框架，所以需要使用Node.js环境。

node.js自带npm（包管理工具），因此不需要再另外安装npm。

nodejs各版本下载地址：https://nodejs.org/zh-cn/download/

安装nodejs就不用多说了吧（除了需要选择安装路径，其他的一路next即可）

打开cmd命令窗口，输入 node -v 和 npm -v，显示出版本号，表示安装成功。

• 安装依赖

# 强烈建议不要用 cnpm 安装，会有各种bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npm.taobao.org

报错！

查阅资料得知，npm7.x的版本比npm6.x更严格，两种解决方案：

1. 降级到npm6.x
2. npm i --legacy-peer-deps （我使用的是第二种）

npm i --legacy-peer-deps

然后就可以了，依赖都安装好了

• tips：Node.js可以安装V14.6.0，它的npm版本是6.X

启动前端项目

# 本地开发 启动项目
npm run dev

启动步骤

1. 启动redis
2. 启动后端
3. 启动前端