正文开始:
RuoYi-Vue3 使用
Vue3
+Element Plus
+Vite
技术栈。
GitHub 开源地址:https://github.com/yangzongzhuan/RuoYi-Vue3
本文介绍使用若依提供的在线后端接口,仅启动前端项目并进行界面开发,而无需启动后端服务。
一、克隆项目仓库
首先,克隆 RuoYi-Vue3
项目仓库:
git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git
二、编译与运行
1. 安装依赖
进入项目目录,并使用 npm
安装所需依赖:
npm install --registry=https://registry.npmmirror.com
2. 配置修改
在 .env.development
文件中进行如下配置调整:
# 页面标题
VITE_APP_TITLE = 若依管理系统
# 开发环境配置
VITE_APP_ENV = 'development'
# 若依管理系统/开发环境
VITE_APP_BASE_API = 'http://vue.ruoyi.vip/prod-api'
3. 启动项目
运行以下命令启动开发服务器:
npm run dev
三、效果展示
项目成功启动后,您将会看到如下界面:
通过上述步骤,您可以在不启动后端服务的情况下,使用若依提供的在线后端接口进行前端开发和界面调整。