文章目录
前言
RuoYi 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis、Thymeleaf、Bootstrap);在线定时任务配置;支持集群,支持多数据源,支持分布式事务。
一. 终端启动步骤
要启用 RuoYi 前端,你需要完成以下步骤:
1. 安装 Node.js 和 npm
Node.js 是一个 JavaScript 运行时环境,npm 是 Node.js 的包管理器,可以方便地管理 JavaScript 包和依赖。你可以在 Node.js 官网下载适合你操作系统的安装包,安装时自动安装了 npm。
2. 下载 RuoYi 前端代码
下载 RuoYi 前端代码:你可以从 RuoYi 的官方仓库中下载最新版的前端代码,解压后得到一个名为 ruoyi-ui 的文件夹。
3. 安装依赖
安装依赖:打开命令行终端,进入 ruoyi-ui 文件夹,运行以下命令安装依赖:
npm install
这个命令会根据 package.json 文件中的依赖信息自动下载并安装所有必要的依赖包,可能需要一些时间,请耐心等待。
4. 修改后端接口地址
修改后端接口地址:打开 src/utils/request.js 文件,将 baseURL 修改为后端接口地址。例如:
baseURL: 'http://localhost:8080/ruoyi/api',
5. 启动前端
启动前端:在命令行终端中运行以下命令启动前端:
npm run dev
这个命令会启动一个本地服务器,在浏览器中访问 http://localhost:80 (我启动的项目端口号是80,80可以省略), 就可以进入 RuoYi 前端页面了。
启用 RuoYi 前端需要一定的技术储备,如果你不熟悉前端开发,可以请相关人员协助完成。
二、VSCode启动步骤
在 VSCode 中启动 RuoYi 前端,你需要完成以下步骤:
1. 使用VSCode打开前端代码
打开 VSCode 软件,通过菜单 File -> Open Folder 或者快捷键 Ctrl+K Ctrl+O 打开 RuoYi 前端代码所在的文件夹。
2. 打开终端
打开终端:在 VSCode 中,你可以通过菜单 Terminal -> New Terminal 或者快捷键 Ctrl+Shift+ 打开终端。
3. 输入命令进入前端代码所在目录
进入前端代码目录:在终端中输入以下命令,进入 RuoYi 前端代码所在的目录:
cd ruoyi-ui
4. 安装依赖
安装依赖:在终端中输入以下命令,安装前端代码所需要的依赖:
npm install
5. 启动前端
启动前端:在终端中输入以下命令,启动前端代码:
npm run dev
这个命令会启动一个本地服务器,在浏览器中访问 http://localhost:80 (我启动的项目端口号是80,80可以省略), 就可以进入 RuoYi 前端页面了。
6. 登录若依系统
启动 RuoYi 前端需要一定的技术储备,如果你不熟悉前端开发,可以请相关人员协助完成。
7. 启动命令:
npm install
npm run build
npm run serve(npm run dev)