Ruoyi-Vue环境搭建指南

Ruoyi是一个基于Spring Boot和Vue.js的前后端分离的开发框架，具有良好的模块化和可扩展性。本文将介绍如何在IDEA中搭建Ruoyi-Vue的环境，包括安装Redis、后端配置、Node环境配置和前端配置。

一、准备工作

在开始之前，请确保您的开发环境符合以下要求：

• JDK 1.8及以上
• Node.js 14.x及以上
• Maven 3.6.x及以上
• Redis 6.x及以上
• MySQL 5.x及以上

二、安装Redis

1. 下载Redis：可以从Redis官网下载相应版本，选择适合您操作系统的版本。

2. 启动Redis：按照官方文档的说明进行安装，安装完成后，通过以下命令启动： bash redis-server

3. 验证Redis是否成功启动： bash redis-cli ping 如果返回PONG说明Redis已成功启动。

三、后端配置

1. 克隆Ruoyi-Vue项目： bash git clone https://gitee.com/y_project/RuoYi-Vue.git

2. 打开IDEA并导入项目：在IDEA中选择File -> Open，导入克隆下来的Ruoyi-Vue项目。

3. 配置数据库：

4. 修改application-dev.yml文件，配置数据库连接信息。 yaml datasource: url: jdbc:mysql://localhost:3306/ruoyi?useUnicode=true&useSSL=false&characterEncoding=utf8 username: root password: your_password

5. 创建数据库并执行ruoyi.sql脚本，以初始化数据表。

6. 配置Redis：在application-dev.yml中添加Redis配置。 yaml spring: redis: host: localhost port: 6379 password: your_redis_password timeout: 5000

7. 运行后端服务：在IDEA中找到RuoYiApplication类，右键选择Run，启动项目。

四、配置Node环境

1. 安装Node.js：从Node.js官网下载并根据平台安装。

2. 全局安装Vue CLI： bash npm install -g @vue/cli

3. 进入前端项目目录： bash cd RuoYi-Vue/ruoyi-vue

4. 安装项目依赖： bash npm install

五、前端配置

1. 修改API请求地址： 在src/router/index.js中，确保API请求地址指向后端服务的URL。例如： javascript axios.defaults.baseURL = 'http://localhost:8080';

2. 运行前端项目： bash npm run dev

3. 访问前端项目： 打开浏览器，访问http://localhost:9528，如果一切配置正确，您将看到Ruoyi-Vue的欢迎界面。

六、总结

通过以上步骤，我们完成了Ruoyi-Vue环境的搭建，包括Redis的安装、后端服务的配置、Node.js环境的搭建以及前端项目的配置和运行。您可以进一步探索框架的其他功能和模块，进行二次开发和定制化。

希望此指南能帮助您顺利搭建Ruoyi-Vue项目，开启您的开发之旅！