从零开始有图：若依前端分离框架RuoYi-Vue(Vue2版本)的配置与运行

写在前面

1、这个是我在学习RuoYi-Vue框架后自己总结的内容，有很多错漏的地方

2、如果没能帮到你的话，请向其他博主寻求帮助

---

项目文件

RuoYi-Vue: 🎉 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本 (gitee.com)https://gitee.com/y_project/RuoYi-Vue

运行环境

Windows11家庭版

node.js-14.21.3、npm-6.14.8

apache-maven-3.9.6

Redis-x64-7.2.5

jdk-17.0.10

mysql-8.0.38

Visual Studio Code

IDEA（社区版需要安装spring boot helper的插件）/Visual Studio Code

---

开始跑项目

1、启动redis

相对路径：Redis-7.2.5-Windows-x64-cygwin-with-Service\redis-server.exe

 2、启动navicat

新建一个数据库ry-vue

 3、数据库操作

在ry-vue数据库中选择表，运行RuoYi-Vue-master中的sql文件

相对路径：RuoYi-Vue-master\sql文件夹下的两个sql文件

 4、启动idea

使用idea打开RuoYi-Vue-master文件（社区版要先下载spring boot helper的插件）

运行RuoYiApplication.java

相对路径：RuoYi-Vue-master\ruoyi-admin\src\main\java\com\ruoyi\RuoYiApplication.java

 5、idea运行成功

解决问题后idea显示运行成功

6、启动vscode

使用vscode打开RuoYi-Vue-master文件

 7、在终端进行操作

点击菜单栏终端，新建终端，在终端输入以下命令后回车执行

cd ruoyi-ui

npm install --registry=https://registry.npmmirror.com

npm run dev

8、vscode运行成功

执行完毕后，vscode显示运行成功，在浏览器会自动打开一个网页

9、项目运行成功

输入验证码，点击登录，登录成功，项目运行成功

注意事项

1、idea中报错

可能1：你把redis-sever关掉了，打开redis-sever后重新运行一下

可能2：你的maven没有加载完成，进入设置检查一下maven的版本和路径这些，更改或者重新加载一下maven

可能3：你的项目中的数据库相关信息与navicat中的数据信息的不匹配

2、vscode中报错：

可能1：你的node_cache和node_global文件夹权限不够，找到你安装node.js的文件夹，右键点击属性，选择安全，点击编辑，权限全部打勾，点击应用，重新在终端执行以上命令

可能2：此文件夹被占用，关闭相关软件，清除缓存就行了，重新在终端执行以上命令

可能3：node.js和npm的配置有问题（主要是路径问题），检查一下相关配置路径

3、网页打开后报错：

可能1：查看你是不是把redis-sever或者idea关掉了

可能2：端口号冲突，在任务管理器中关闭相关冲突端口号或者更改项目中的端口号

可能3：你更改了端口的参数没有注意到，自己检查一遍