【RuoYi】ruoyi-vue项目运行前的环境准备

最新推荐文章于 2025-03-03 00:00:38 发布

旺卡先生

最新推荐文章于 2025-03-03 00:00:38 发布

阅读量1.4k

点赞数 1

文章标签：前端 javascript vue.js node.js html

本文链接：https://blog.csdn.net/Mr_Wonka/article/details/116853643

版权

本文详细介绍了如何搭建和配置全栈开发环境，包括IDEA打开本地或远程Git项目、配置JDK和Maven、启动后端项目、设置MySQL与Redis、管理Node.js版本以及前端Vue应用的运行。通过这些步骤，开发者可以快速建立并运行后端Java（如Ruoyi框架）和前端Vue.js应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2021-5-11 14:30:35

如果是本地项目，直接使用IDEA打开即可

如果是gitee上的项目，可以直接拉取远程的 git代码 ，打开

URL 为git地址；Directory 为项目位置，自己选

后端

启动项目先要先分别配置jdk的版本，和maven的位置

jdk1.8

jdk是本地运行的 java运行环境 和 java开发工具 ，不做过多介绍

maven

maven是项目调试 打包的工具 ；同时也是第三方 依赖包 jar 的管理工具 ，就是使用别人写的代码（不重复造轮子）；原理是项目中只有一些依赖包的地址，格式例如：

<!-- SpringBoot集成thymeleaf模板 -->
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

在项目本地运行前，先要把依赖包从 maven远程仓库 下载到 maven本地仓库（下载过跳过此步），建立项目和依赖包关联，项目才能运行起来：

直接解压到自己的本地即可使用：

📂apache-maven-3.6.3 - 空依赖.zip

保存之后，重新加载或下载依赖

mysql连接

MySQL是一种关系型数据库管理系统，是web开发常用的数据库服务；在本地 localhost 安装后以服务的的形式运行在后台。

profiles.acticve 是加载的配置文件名称；需要去修改对应的配置文件
修改到自己的ruoyi数据库地址

数据导入就不演示了，ry_xxx.sql 一定要导入进数据库

Redis服务

Redis是最常用的非关系型数据库，主要记录键值对 key-value 类型的数据；服务于后端，用作后台数据的缓存。

Redis安装默认没有密码，本地运行时 host为 localhost 。

本地的话，项目启动前把Redis服务跑起来就行，不需要安装。

📂Redis-x64-3.2.100.zip

启动后端

如果找不到，在程序主入口也能找到 (main方法)

前端

nvm

vue应用的运行依赖于 nodejs 环境，再使用 nodejs 的 npm 包管理工具，统一管理前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。

nodejs可以自己去官网下载，直接安装；但nodejs版本迭代很快，过高的版本项目可能会存在不兼容的问题；这里我借助 nvm (node.js version management) 的安装方式，顾名思义这是是一个 nodejs 的版本管理工具。

📂nvm-setup.zip

直接安装即可，这两个路径改下；第一个是nvm软件的安装路径；第二个是使用时nodejs的位置；图片后面有推荐的 路径设置 。

nodejs安装路径

设置好，安装后会自动添加到环境变量，可以看到

NVM_HOME	D:\Environment\nvm
NVM_SYMLINK	D:\Environment\nvm\nodejs
Path +=	%NVM_HOME%;%NVM_SYMLINK%

修改配置文件，可以让后续下载起飞

# 修改配置 setting.txt 添加淘宝镜像源
root: D:\Environment\nvm
path: D:\Environment\nvm\nodejs
node_mirror:https://npm.taobao.org/mirrors/node/
npm_mirror:https://npm.taobao.org/mirrors/npm/

nodejs

安装完nvm，安装nodejs就十分简单了，几个命名即可完成；在命令行中操作：

# 直接运行两个命令 这里推荐 12.14.0

nvm install 12.14.0
nvm use 12.14.0

更多命令：

nvm										# 查看版本及命令
nvm list							# 查看本地安装的所有版本
nvm list available		# 显示所有可下载的版本
nvm install [version]	# 安装
nvm use 12.14.0				# 使用特定版本
nvm uninstall 11.13.0	# 卸载

安装完成后可以查看到自己安装的版本

$ node -v
v12.14.0
$ npm -v
6.13.4

nodejs安装完配置 全局包下载目录 和 缓存目录 (不然东西自动下在C盘，浪费空间)

npm config set prefix "D:\Environment\nvm\nodejs\node_global"	# 全局包下载目录
npm config set prefix "D:\Environment\nvm\nodejs\node_cache"	# 缓存目录

启动后端

如果遇到问题请及时百度，网上都要类似问题的解答。

# 进入项目目录
cd ruoyi-ui

# 安装依赖
npm install

# 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev