若依管理系统部署（前后端分离springboot+vue）

2024-03-29 17:10:52

RuoYi-Vue是一款前后端分离的极速后台开发框架，基于SpringBoot和Vue。

下载若依管理系统（前后端分离Vue）

在Gitee页面复制https://gitee.com/y_project/RuoYi-Vue，在本地选择文件夹我这里选择 D:\houtai\RuoYi-Vue

输入命令 git clone https://gitee.com/y_project/RuoYi-Vue.git 回车
等待代码克隆完成
（建议使用Git命令克隆，因为克隆的方式可以和RuoYi随时保持更新同步）

图中选中部分是前端项目部分

前端项目CMD命令行启动

1.前端框架使用的是Vue框架，需要使用Node.js环境
安装Node.js 详细教程，请跳转到该博文
https://blog.csdn.net/MrsZhang1995/article/details/117321210

2.如果使用cmd命令行启动前端项目，需要进入项目所在的路径
D:\houtai\RuoYi-Vue\ruoyi-ui

3.安装依赖，建议不要用直接使用cnpm安装，会有各种奇怪的bug，可以通过重新制定registry来解决npm安装速度慢的问题，在命令行输入：
npm install --registry=https://registry.npm.taobao.org

按回车开始安装依赖，耐心等待相关依赖安装完毕，本地文件夹ruoyi-ui中会出现一个 node_modules的文件夹

4.命令行启动前端项目
进入前端项目所在的文件夹后，输入命令 npm run dev
按回车
项目加载中，

加载完毕自动打开浏览器，跳转到登录界面
（注：这时候虽然前端页面能打开，但是无法访问到后台系统，会提示系统端口错误
1.这里我们还没开启后端；2.连接不到redis，还需要安装，启动redis。）

前端项目IDEA启动

1.在IDEA里安装Vue.js, File->Settings->plugins 在搜索栏输入Vue

选择第一个安装，安装完后会提示重启
2.导入vue项目，打开IDEA，点击File 选择Open
选择项目文件夹打开 D:\houtai\RuoYi-Vue\ruoyi-ui

3.在Terminal终端窗口执行命令，进入前端项目目录

如果已经在命令行安装过依赖，直接输入 npm run dev 启动即可

如下图项目启动中

执行完命令会自动打开浏览器跳转到登录页面
（注：这时候虽然前端页面能打开，但是无法访问到后台系统，会提示系统端口错误
1.这里我们还没开启后端；2.连接不到redis，还需要安装，启动redis。）