前端技术栈
本文面向需要评估、接手或扩展 art-design-pro-ui 的研发团队。技术栈说明应与使用链路一起理解，重点是确认当前工程是否能稳定支持业务项目的长期维护和扩展开发。
技术栈总览
| 分类 | 实际使用 |
|---|---|
| 核心框架 | Vue 3、TypeScript、Vite |
| 路由与状态 | Vue Router、Pinia |
| UI 与样式 | Element Plus、Tailwind CSS、Sass |
| 国际化与请求 | vue-i18n、Axios |
| 图表与编辑 | ECharts、wangEditor |
| 测试 | Vitest、Playwright |
| 工程工具 | ESLint、Prettier、Stylelint、Husky、Lint-staged、Commitizen |
工程约束
前端项目已经内置常用质量工具，建议在团队协作中保持固定流程：
bash
pnpm lint
pnpm fix
pnpm lint:prettier
pnpm lint:stylelint
pnpm test
pnpm test:e2e
pnpm commit生产构建使用：
bash
pnpm build配置建议
技术栈落地到业务项目时，建议确认：
- Node.js、pnpm 版本满足项目
package.json中的运行约束。 - Vite 代理和生产环境变量能正确连接商业版后端。
- 动态路由、权限、站点配置和国际化能力仍沿用现有工程结构。
- 扩展开发新增通用能力时，优先沉淀到组件、hooks 或 utils 层。