前端项目开发

环境准备

环境	名称版本	备注
开发工具	VSCode	下载地址
运行环境	1. Node 16 + 2. npm 8.0 +	下载地址
VSCode插件(必装)	1. Vue Language Features (Volar) 2. Vetur

开发、打包

# 克隆项目
git clone https://gitee.com/MetaLowCode/MetaLowCode.git

# 进入项目目录
cd MetaLowCode

# 安装依赖
npm i

# 启动项目(开发模式)
npm run dev

启动完成后浏览器访问 http://localhost:8022
注意：必须先启动系统部署后的后端服务

# 生产打包
npm run fast-build

生产部署

美乐低代码为前后端分离项目，前端编译后可以直接单独部署。此外，为了方便一些客户更便捷的进行部署上线，美乐也支持将前端编译文件拷贝到后端指定目录下。低代码接受到页面请求会自动转发至前端项目。
用户可以根据自己的需求，自行选择使用哪种方式。

后端转发

1. 前端项目打包完成后，build目录下会生成编译文件
2. 将build下的所有文件，拷贝到后端主项目下：metaServer\metaServer\src\main\resources\static
3. 将后端项目打包后，直接部署后端jar即可 ps: 移动端的编译文件拷贝到 metaServer\metaServer\src\main\resources\mobileStatic 目录下

单独部署

1. 修改配置文件：.env.production

# 生产环境
VITE_NODE_ENV = production

# 标题
VITE_APP_TITLE = 美乐低代码

# 接口转发(固定值，不要修改)
VITE_APP_BASE_API = '/api'

# 接口地址
VITE_API_SERVER = "http://ip:端口/"

# 是否开启代理
VITE_APP_PROXY = true

2. 将build目录下生成的编译文件直接部署到服务器上即可