《Dubbo 实现原理与源码解析 —— 精品合集》 《Netty 实现原理与源码解析 —— 精品合集》
《Spring 实现原理与源码解析 —— 精品合集》 《MyBatis 实现原理与源码解析 —— 精品合集》
《Spring MVC 实现原理与源码解析 —— 精品合集》 《数据库实体设计合集》
《Spring Boot 实现原理与源码解析 —— 精品合集》 《Java 面试题 + Java 学习指南》

摘要: 原创出处 http://www.iocoder.cn/Yudao/build-debugger-environment/ 「芋道源码」欢迎转载,保留摘要,谢谢!


🙂🙂🙂关注微信公众号:【芋道源码】有福利:

  1. RocketMQ / MyCAT / Sharding-JDBC 所有源码分析文章列表
  2. RocketMQ / MyCAT / Sharding-JDBC 中文注释源码 GitHub 地址
  3. 您对于源码的疑问每条留言将得到认真回复。甚至不知道如何读源码也可以请教噢
  4. 新的源码解析文章实时收到通知。每周更新一篇左右
  5. 认真的源码交流微信群。

本文,我们来搭建 https://github.com/YunaiV/ruoyi-vue-pro 的调试环境。

整个过程非常简单,预计 5 - 30 分钟就可以完成,取决于大家的网速。

↓↓↓ 技术交流群,一起成为最强 CRUD 王者!↓↓↓

交流群

1. 克隆代码

使用 IDEA 克隆代码,地址是 https://github.com/YunaiV/ruoyi-vue-pro

克隆完成后,耐心等待 Maven 下载完相关的依赖。

项目一览

使用的 SpringBoot 版本是最新的 2.4.X,所以需要下载一段时间。趁着这个时间,胖友可以给项目添加一个 Star,支持下艿艿。

Star 一波

2. 初始化 MySQL

项目中的数据,都存储到 MySQL 之中,所以需要在本地搭建一个 MySQL 服务,建议使用 5.7 版本。

新建一个名字为 ruoyi-vue-pro 数据库,然后执行 sql 目录下的 SQL,进行初始化。

MySQL 数据库

友情提示:注意,默认配置下,MySQL 需要启动在 3306 端口,且数据库名必须为 ruoyi-vue-pro

3. 初始化 Redis

项目中的缓存,都存储到 MySQL 之中,所以需要在本地搭建一个 Redis 服务。

一定要使用 5.0 以上的版本,未来会使用 Redis Stream 作为消息队列。

友情提示:注意,默认配置下,Redis 需要启动在 6379 端口。

不会安装的胖友,可以选择阅读下文,良心的艿艿。

4. 启动后端项目

执行 DashboardApplication 类,启动后端项目。

启动后端项目

启动完成后,使用浏览器访问 http://127.0.0.1:48080 地址,返回如下 JSON 字符串,说明成功。

{
"code": 401,
"data": null,
"msg": "账号未登录"
}

友情提示:注意,默认配置下,后端项目启动在 48080 端口。

5. 启动前端项目

ruoyi-vue 目录下,是我们的前端项目。执行如下命令,进行启动:

# 进入项目目录
cd ruoyi-ui

# 安装依赖
# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

启动前端项目

友情提示:可能胖友本地没有安装 Node.js 的环境,导致报错。可以参考如下文档安装:

启动完成后,浏览器会自动打开 http://localhost:1024 地址,可以看到前端界面。

前端界面

666. 彩蛋

至此,我们已经完成了 https://github.com/YunaiV/ruoyi-vue-pro 的调试环境。

胖友可以根据自己的兴趣,阅读相关源码。

后面,艿艿会花大量的时间,继续优化这个项目。同时,输出与项目匹配的技术博客,方便胖友更好的学习与理解。


嘿嘿嘿,记得一定要给 https://github.com/YunaiV/ruoyi-vue-pro 一个 star,这对艿艿真的很重要。

Star 一波

文章目录
  1. 1. 1. 克隆代码
  2. 2. 2. 初始化 MySQL
  3. 3. 3. 初始化 Redis
  4. 4. 4. 启动后端项目
  5. 5. 5. 启动前端项目
  6. 6. 666. 彩蛋