请问前后端分离的vue springboot两个项目，如何使用？

[galaxist]

语言: javascript
框架: vue
状态管理: vuex
文件数: 1500
代码行数: 740,850
依赖数: 38

类型: backend
语言: unknown
框架: unknown
文件数: 1827
代码行数: 192,965
依赖数: 0

[shangyankeji]

Vue（Vuex）+ SpringBoot 前后端分离项目使用 super-dev 的核心步骤：

一、前置准备

git clone https://github.com/shangyankeji/super-dev.git
cd super-dev && npm install
# 验证Docker环境（支撑后端依赖）
docker --version && docker compose version

二、前端（Vue+Vuex）适配
# 1. 复制super-dev的Vue规范配置
cp ../super-dev/templates/frontend/vue/.eslintrc.js ./
cp ../super-dev/templates/frontend/vue/.prettierrc ./

# 2. package.json新增提效脚本
"scripts": {
  "lint:all": "node ../super-dev/scripts/frontend/lint.js",
  "format:all": "node ../super-dev/scripts/frontend/format.js"
}

# 3. 复用代理配置（解决跨域）
# 修改vue.config.js/vite.config.js，引入super-dev的代理工具
const { createProxyConfig } = require('../super-dev/utils/frontend/proxy-utils');
devServer: { proxy: createProxyConfig({ target: 'http://localhost:8080', prefixes: ['/api'] }) }

三、后端（SpringBoot）适配
# 1. 一键启动MySQL/Redis（无需手动装）
cd ../super-dev && npm run env:up -- --services mysql redis

# 2. 生成SpringBoot-dev配置（直接用）
npm run env:config -- --type springboot > ../你的后端项目/src/main/resources/application-dev.yml

# 3. 快速构建后端
cp ../super-dev/scripts/backend/build-springboot.sh ../你的后端项目/
cd ../你的后端项目 && chmod +x build-springboot.sh && ./build-springboot.sh --skip-tests