最新若依项目快速上手

最新若依项目快速上手

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

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
相关推荐
百锦再20 小时前
Vue中对象赋值问题:对象引用被保留,仅部分属性被覆盖
前端·javascript·vue.js·vue·web·reactive·ref
默默coding的程序猿1 天前
3.前端和后端参数不一致,后端接不到数据的解决方案
java·前端·spring·ssm·springboot·idea·springcloud
一笑code1 天前
vue/微信小程序/h5 实现react的boundary
微信小程序·vue·react
eric*16881 天前
尚硅谷张天禹老师课程配套笔记
前端·vue.js·笔记·vue·尚硅谷·张天禹·尚硅谷张天禹
喜欢敲代码的程序员2 天前
SpringBoot+Mybatis+MySQL+Vue+ElementUI前后端分离版:项目搭建(一)
spring boot·mysql·elementui·vue·mybatis
海的诗篇_2 天前
前端开发面试题总结-原生小程序部分
前端·javascript·面试·小程序·vue·html
sunbyte2 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DragNDrop(拖拽占用组件)
前端·javascript·css·vue.js·vue
衍生星球2 天前
Maven 3.9.6的下载和配置
java·maven·springboot
skyymrj12 天前
Vue3 + Tailwind CSS 后台管理系统教程
前端·css·vue
程序猿小D12 天前
[附源码+数据库+毕业论文]基于Spring+MyBatis+MySQL+Maven+Vue实现的校园二手交易平台管理系统,推荐!
java·数据库·mysql·spring·vue·毕业设计·校园二手交易平台