最新若依项目快速上手

最新若依项目快速上手

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

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
相关推荐
Byron07073 小时前
从多端割裂到体验统一:基于 Vue 生态的跨端架构落地实战
vue·多端
闻哥3 小时前
从测试坏味道到优雅实践:打造高质量单元测试
java·面试·单元测试·log4j·springboot
计算机程序设计小李同学3 小时前
基于 Spring Boot + Vue 的龙虾专营店管理系统的设计与实现
java·spring boot·后端·spring·vue
沐墨染6 小时前
Vue实战:自动化研判报告组件的设计与实现
前端·javascript·信息可视化·数据分析·自动化·vue
奔跑的呱呱牛6 小时前
viewer-utils 图片预览工具库
javascript·vue·react
索荣荣8 小时前
Web基石:Java Servlet 全面指南:从基础原理到 Spring Boot 实战
java·springboot·web
Cult Of10 小时前
Alicea Wind的个人网站开发日志(1)
python·vue
Polaris_YJH10 小时前
使用Vue3+Vite+Pinia+elementUI搭建初级企业级项目
前端·javascript·elementui·vue
Mr Xu_20 小时前
【Vue3 + ECharts 实战】正确使用 showLoading、resize 与 dispose 避免内存泄漏
前端·信息可视化·vue·echarts
换日线°1 天前
前端炫酷展开效果
前端·javascript·vue