技术栈
核心框架
| 技术 | 版本 | 说明 |
|---|---|---|
| Vue | ^3.5.27 | 渐进式 JavaScript 框架 |
| TypeScript | ~5.7.3 | 类型安全的 JavaScript 超集 |
| Vite | ^7.3.1 | 下一代前端构建工具 |
状态管理与路由
| 技术 | 版本 | 说明 |
|---|---|---|
| Pinia | ^3.0.4 | Vue 官方状态管理库 |
| Vue Router | ^4.6.4 | Vue 官方路由管理器 |
数据可视化
| 技术 | 版本 | 说明 |
|---|---|---|
| Chart.js | ^4.5.1 | 灵活的 JavaScript 图表库 |
| vue-chartjs | ^5.3.3 | Chart.js 的 Vue 封装 |
开发工具
| 技术 | 版本 | 说明 |
|---|---|---|
| ESLint | ^8.56.0 | 代码质量检查 |
| Prettier | ^3.0.0 | 代码格式化 |
| Vitest | ^2.0.0 | 单元测试框架 |
| Vue Test Utils | ^2.4.0 | Vue 组件测试工具 |
文档工具
| 技术 | 版本 | 说明 |
|---|---|---|
| VitePress | latest | 静态站点生成器 |
浏览器支持
- Chrome >= 90
- Firefox >= 88
- Safari >= 14
- Edge >= 90
性能优化
- 代码分割 - 按路由和库自动分割
- Tree Shaking - 移除未使用的代码
- Gzip/Brotli - 传输压缩
- 缓存策略 - 静态资源长期缓存