# 前端应用（flowable-devops-frontend）

技术栈
- React 18 + TypeScript + Vite
- Ant Design 5、ReactFlow 11、Zustand、Axios、Day.js

安装与开发
- 安装依赖：
  npm i
- 开发启动：
  npm run dev
- 构建生产包：
  npm run build
- 预览本地构建：
  npm run preview

环境变量
- 复制 .env.example 为 .env，并按需调整：
  VITE_API_BASE_URL=http://localhost:8080

与后端联调约定（关键）
- JSON Schema：见仓库 docs/04-数据模型设计.md
- 接口契约：见仓库 docs/05-API契约.md
- 表达式：统一 ${...}，仅 Map 属性访问，前端不执行表达式，仅存储与展示

目录结构（初始）
- src/App.tsx：占位入口
- src/main.tsx：应用挂载
- src/index.css：全局样式占位

后续建议
- 新增 src/api、src/store、src/components、src/pages 目录，与文档中页面/状态模块对齐
- 引入 AntD 样式（按需加载或全量），并配置主题