前端开发

FastBee 前端基于 Vue 2 + ElementUI 构建。

环境搭建

cd vue
npm install
npm run dev          # 开发模式
npm run build:prod   # 生产构建

目录结构

vue/src/
├── api/          # 后端 API 调用封装
├── assets/       # 静态资源
├── components/   # 公共组件
├── directive/    # 自定义指令
├── layout/       # 布局组件
├── plugins/      # 插件配置
├── router/       # 路由配置
├── store/        # Vuex 状态管理
├── utils/        # 工具函数
└── views/        # 页面视图

开发规范

• 页面文件放在 views/ 目录，按模块组织子目录
• API 请求封装在 api/ 目录
• 公共组件放在 components/ 目录
• 使用 ElementUI 组件库，遵循其设计规范

代理配置

开发环境通过 vue.config.js 配置代理，将 /dev-api 请求转发到后端服务：

proxy: {
  '/dev-api': {
    target: 'http://localhost:8080',
    changeOrigin: true,
    pathRewrite: { '^/dev-api': '' }
  }
}