启动若依前端

文章目录

前言

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）