最新若依项目快速上手

最新若依项目快速上手

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

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
    
相关推荐
嗨小陈7 小时前
(带源码)宠物主题商场系统 计算机项目 P10083
计算机专业·springboot·宠物·计算机大作业·商场系统
真的很上进15 小时前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
代码拯救不了世界1 天前
若依框架中的上传图片后如何实现回显到页面的
java·图片上传·若依
龙哥·三年风水1 天前
workman服务端开发模式-应用开发-vue-element-admin封装websocket
分布式·websocket·vue
麦兜*1 天前
轮播图带详情插件、uniApp插件
前端·javascript·uni-app·vue
veminhe1 天前
uni-app使用组件button遇到的问题
uni-app·vue
cronaldo911 天前
研发效能DevOps: Vite 使用 Element Plus
vue.js·vue·devops
yg_小小程序员2 天前
vue3中使用vuedraggable实现拖拽
typescript·vue
川石教育2 天前
Vue前端开发-缓存优化
前端·javascript·vue.js·缓存·前端框架·vue·数据缓存
嗨小陈2 天前
(免费源码)基于springboot的电影院订票系统设计与实现 计算机毕业设计 P10089
springboot·管理系统·计算机毕业设计·源代码·计算机大作业