xingyun-front —— 苍穹 ERP 前端
概述
苍穹 ERP 的前端应用,基于 Vue 3 + TypeScript + Vite 4 + ant-design-vue 的企业级中后台解决方案,采用 pnpm monorepo + turborepo 组织代码。
技术栈
- 核心框架:Vue 3.3.4 + TypeScript + Vite 4
- UI 框架:ant-design-vue 4.0.7
- 表格组件:vxe-table 4.x(企业级表格,支持行编辑、导出、虚拟滚动)
- 状态管理:Pinia(持久化:pinia-plugin-persistedstate)
- 路由:vue-router 4(Hash 模式)
- 国际化:vue-i18n
- 图表:ECharts
- 流程图:LogicFlow
- CSS 方案:UnoCSS(原子化)+ Less
- 代码编辑器:CodeMirror 5 + Monaco Editor
- HTTP 客户端:Axios
- 基础模板:Vue-Vben-Admin 2.10.1
快速开始
# 安装依赖
pnpm install
# 启动开发服务器
pnpm dev
# 构建生产
pnpm build
# 类型检查
pnpm type:check
# 代码检查
pnpm lint
目录结构
src/
├── api/ # 接口层(按业务域拆分)
├── assets/ # 静态资源
├── components/ # 全局可复用组件(60+)
├── design/ # 全局样式
├── directives/ # 全局指令
├── enums/ # 枚举常量
├── hooks/ # 组合式函数
├── layouts/ # 布局组件
├── locales/ # 国际化
├── logics/ # 业务逻辑
├── router/ # 路由配置与守卫
├── settings/ # 应用设置
├── store/ # Pinia 状态管理
├── utils/ # 工具函数
└── views/ # 页面视图
internal/ # 构建工具配置包
packages/ # 共享包
apps/ # 独立应用
构建环境
- Node.js >= 16.15.1(推荐 v22.21.1)
- pnpm >= 8.1.0(推荐 10.12.4)
许可
Apache 2.0
Description
Languages
Vue
73.2%
TypeScript
23.4%
Less
1.5%
JavaScript
1.3%
SCSS
0.3%
Other
0.2%