最新若依项目快速上手

最新若依项目快速上手

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

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
相关推荐
双普拉斯6 小时前
打造工业级全栈文件管理器:深度解析上传、回收站与三重下载流控技术
spring·vue·js
码界筑梦坊7 小时前
356-基于Python的网易新闻数据分析系统
python·mysql·信息可视化·数据分析·django·vue·毕业设计
吴声子夜歌13 小时前
Vue3——渲染函数
前端·vue.js·vue·es6
2501_9136800013 小时前
Vue3项目快速接入AI助手的终极方案 - 让你的应用智能升级
前端·vue.js·人工智能·ai·vue·开源软件
吕永强15 小时前
基于SpringBoot+Vue校园报修系统的设计与实现(源码+论文+部署)
vue·毕业设计·springboot·毕业论文·报修系统·校园报修
阿部多瑞 ABU1 天前
《智能学号抽取系统》V5.9.5 发布:精简代码,修复移动端文件读取核心 Bug
vue·html·bug
Flittly2 天前
【SpringSecurity新手村系列】(3)自定义登录页与表单认证
java·笔记·安全·spring·springboot
Flittly3 天前
【SpringSecurity新手村系列】(2)整合 MyBatis 实现数据库认证
java·安全·spring·springboot·安全架构
极光代码工作室3 天前
基于SpringBoot的在线考试系统
java·springboot·web开发·后端开发
吴声子夜歌4 天前
Vue3——表单元素绑定
前端·vue·es6