最新若依项目快速上手

最新若依项目快速上手

配套视频:若依项目快速上手视频

1. 下载源码

官网:https://ruoyi.vip/

  1. 前端

    复制代码
    git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git
  2. 后端

    复制代码
    git clone https://gitee.com/y_project/RuoYi-Vue.git

2. 数据库

  1. 创建数据库ry-vue,数据库脚本在后端源码中,里面有两个sql脚本,全部执行一下

3. 启动后端

  1. 先启动redis

  2. idea打开后端项目,修改数据库配置

  3. 启动项目

4. 启动前端

  1. 环境准备

    node16以上,建议node18

    yarn

  2. 安装依赖

    复制代码
    yarn --registry=https://registry.npmmirror.com
  3. 启动前端

    复制代码
    yarn dev
  4. 启动后,打开登录页,如果弹出 URI malformed 错误,最快解决方法是换个端口部署

5. 代码梳理

视频演示

6. 代码生成工具开发新功能

视频演示

附1:yarn安装

  1. 执行安装命令

    npm 复制代码
    npm install -g yarn
  2. 从执行结果中复制yarn的bin目录

  3. 将上述复制内容添加到系统环境变量path中即可

  4. yarn改服务器镜像地址,执行命令,重启

    复制代码
    yarn config set registry 'https://registry.npmmirror.com'
  5. 如果yarn可以在cmd中使用,但vscode报错,可以用管理员身份打开 PowerShell,执行以下命令,回复Y,确认后重新打开vscode即可

    复制代码
    set-ExecutionPolicy RemoteSigned
相关推荐
西西偷西瓜3 小时前
Soybean Admin移除git-hooks永久关闭git校验
git·vue
孔明click338 小时前
Sa-Token v1.42.0 发布 🚀,新增 API Key、TOTP 验证码、RefreshToken 反查等能力
java·sa-token·springboot·登录·权限·权限认证
三七归故里17 小时前
AVUE 搜索 和 表单 标签分开对齐方式
vue
牧码岛1 天前
Web前端之Vue+Element实现表格动态不同列合并多行、localeCompare、forEach、table、push、sort、Map
前端·javascript·elementui·vue·web·web前端
point_zg1 天前
Vue报错...properly without JavaScript enabled. Please enable it to continue
开发语言·javascript·vue
遇见你真好。2 天前
flowable任务监听器和java-service依赖注入问题
spring·springboot·flowable
ggtc2 天前
冲压车间软件实施
vue·netcore·工厂
Raken122 天前
draggable 组件指定区域可进行拖拽
vue
JIngJaneIL2 天前
健身管理小程序|基于java微信开发健身管理小程序的系统设计与实现(源码+数据库+文档)
java·数据库·小程序·vue·毕业设计·论文·健身管理小程序
智绘前端2 天前
Vue3的Composition API与React Hooks有什么异同?
前端·vue.js·react.js·前端框架·vue