​

推荐环境:

node 14.19.3

1、带入若依前后端分离的源码

若依官网RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依视频|RuoYi开发文档|若依开发文档|Java开源框架|Java|SpringBoot|SrpingBoot2.0|SrpingCloud|Alibaba|MyBatis|Shiro|OAuth2.0|Thymeleaf|BootStrap|Vue|Element-UI||www.ruoyi.vip

源码地址RuoYi-Vue: 🎉 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本

git clone 源码链接 
​
git clone https://gitee.com/y_project/RuoYi-Vue.git

2、引入项目到IDEA中

3、配置maven

​编辑

4、配置MySQL数据库的账号密码

​编辑

5、新建ry-vue数据库

6、运行sql文件

​编辑

7、启用若依后端

​编辑

8、更改前端配置

默认80端口

9、下载前端依赖

进入 ruoyi-ui文件夹

npm i

10、启动前端项目

npm run dev

​