摘要: 原创出处 http://www.iocoder.cn/Yudao/build-debugger-environment/ 「芋道源码」欢迎转载，保留摘要，谢谢！
关注 微信公众号：【芋道源码】 有福利：
- RocketMQ / MyCAT / Sharding-JDBC 所有 源码分析文章列表
- RocketMQ / MyCAT / Sharding-JDBC 中文注释源码 GitHub 地址
- 您对于源码的疑问每条留言 都 将得到 认真 回复。 甚至不知道如何读源码也可以请教噢 。
- 新的 源码解析文章 实时 收到通知。 每周更新一篇左右 。
- 认真的 源码交流微信群。
本文，我们来搭建 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，支持下艿艿。
2. 初始化 MySQL
项目中的数据，都存储到 MySQL 之中，所以需要在本地搭建一个 MySQL 服务，建议使用 5.7 版本。
新建一个名字为 ruoyi-vue-pro 数据库，然后执行 sql 目录下的 SQL，进行初始化。
友情提示：注意，默认配置下，MySQL 需要启动在 3306 端口，且数据库名必须为 ruoyi-vue-pro 。
3. 初始化 Redis
项目中的缓存，都存储到 MySQL 之中，所以需要在本地搭建一个 Redis 服务。
一定要使用 5.0 以上的版本，未来会使用 Redis Stream 作为消息队列。
友情提示：注意，默认配置下，Redis 需要启动在 6379 端口。
不会安装的胖友，可以选择阅读下文，良心的艿艿。
- Windows 安装 Redis 指南： http://www.iocoder.cn/Redis/windows-install
- Mac 安装 Redis 指南： http://www.iocoder.cn/Redis/mac-install
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 的环境，导致报错。可以参考如下文档安装：
- Windows 安装 Node.js 指南： http://www.iocoder.cn/NodeJS/windows-install
- Mac 安装 Node.js 指南： http://www.iocoder.cn/NodeJS/mac-install
启动完成后，浏览器会自动打开 http://localhost:1024 地址，可以看到前端界面。
666. 彩蛋
至此，我们已经完成了 https://github.com/YunaiV/ruoyi-vue-pro 的调试环境。
胖友可以根据自己的兴趣，阅读相关源码。
后面，艿艿会花大量的时间，继续优化这个项目。同时，输出与项目匹配的技术博客，方便胖友更好的学习与理解。
嘿嘿嘿，记得一定要给 https://github.com/YunaiV/ruoyi-vue-pro 一个 star，这对艿艿真的很重要。
