标签：vue springboot 项目 前端 redis RuoYi 若依 Vue 安装
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。）
后端项目启动
后端系统就是Springboot
点击open，打开本地项目文件，将后端代码导入IDEA中，等待依赖加载完成
运行数据库sql文件建表
打开数据库连接工具（我这里使用的Navicat for MySQL）
新建数据库
如图所示，分别运行两个 sql文件
刷新数据库，就可以看到创建的表字段
将项目参数改为自己本地的
检查数据源连接是否与mysql数据库名一致为： ry_vue
用户名 root 密码 123456
保存好关闭
开启redis缓存服务
安装redis教程，请跳转博文
我的redis安装在 D:\Program Files\Redis-x64-5.0.10
直接双击redis-server.exe
开启redis缓存服务
前后端疏通测试
打开springboot程序入口类，运行后端服务
后台服务运行成功
打开浏览刚刚的前端登录界面
点击刷新，出现登录验证码，说明成功连接到后端接口
输入用户名 admin 密码 admin123 输入验证码，点击登录
成功登录，完结撒花！
标签：vue,springboot,项目,前端,redis,RuoYi,若依,Vue,安装 来源： https://blog.csdn.net/MrsZhang1995/article/details/117299063
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。