最新若依项目快速上手

最新若依项目快速上手

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

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
相关推荐
知识即是力量ol9 小时前
口语八股——Spring 面试实战指南(二):事务管理篇、Spring MVC 篇、Spring Boot 篇、Bean生命周期篇
spring·面试·mvc·springboot·八股·事务管理·bean生命周期
小钻风336610 小时前
Knife4j 文件上传 multipart/data 同时接受文件和对象,调试时上传文件失效
java·springboot·knife4j
PD我是你的真爱粉1 天前
Vue3核心语法回顾与Composition深入
前端框架·vue
code袁1 天前
基于Springboot+Vue的家教小程序的设计与实现
vue.js·spring boot·小程序·vue·家教小程序
是梦终空2 天前
计算机毕业设计266—基于Springboot+Vue3的共享单车管理系统(源代码+数据库)
数据库·spring boot·vue·课程设计·计算机毕业设计·源代码·共享单车系统
堕落年代2 天前
SnailJob发布任务类型详解
springboot
是梦终空2 天前
计算机毕业设计267—基于Springboot+vue3+小程序的医院挂号系统(源代码+数据库)
spring boot·小程序·vue·毕业设计·课程设计·医院挂号系统·源代码
闻哥2 天前
Elasticsearch查询优化实战:从原理到落地的全方位调优指南
java·大数据·elasticsearch·搜索引擎·面试·全文检索·springboot
云游云记3 天前
vue2 vue3 uniapp (微信小程序) v-model双向绑定
微信小程序·uni-app·vue