JeecgJFlow-vue3版本:前端开发环境搭建手册

1.环境准备

1.1前端

• Node version >= 16
• pnpm version >= 8

1.2系统

• 此处仅介绍在windows11环境使用

1.3开发工具

• 本文档采用IntelliJ Idea2023作为开发工具。但不局限于IntelliJ Idea2023。
• 此处仅介绍在Idea2023搭建开发环境所需的操作。

2.开发搭建

2.1工程导入

• 使用idea导入拉取到本地的项目（jeecg-Vue3）
• 项目目录如下：

2.2环境变量修改

• VITE_APP_JFLOW_CORE_ADDR VITE_APP_JFLOW_KEY 2个变量
• VITE_PROXY 变量的设置
• 单体项目时，设置为后台地址： VITE_PROXY = "/jeecgboot","http://localhost:8080/jeecg-boot"
• cloud项目时，设置为路由地址： VITE_PROXY = "/jeecgboot","http://jeecg-boot-gateway:9999"

2.3 jflow vue3 后台地址配置

• 单体项目时，设置为后台地址：http://localhost:3003/api
• cloud项目时，设置为路由地址：http://jeecg-boot-gateway:9999

3.项目启动

• 打开terminal 执行 pnpm install 安装依赖，（pnpm安装命令：npm install -g pnpm）
• 启动jeecg vue3 ，命令： pnpm dev

• 启动jflow-vue-core，命令 ：pnpm lib-dev

4.nginx

• http://localhost:3100 启动

• 到此项目部署启动完毕