本文给出一套“可落地、可扩展”的 Vite + Vue3 项目脚手架清单，覆盖 TS、Lint、测试、自动导入与构建优化。
基础栈
- Vite + Vue 3 + TypeScript 5
- 路由与状态：Vue Router、Pinia
- UI：按需导入（unplugin-vue-components）或 UnoCSS/Tailwind
工程化
- ESLint + Prettier：统一风格与规则，配合 Husky + lint-staged。
- 别名与自动导入：unplugin-auto-import、路径别名
@指向src。 - 环境变量：区分
.env、.env.production；在 CI 中注入密钥。
测试与质量
- Vitest + Vue Test Utils：组件与工具函数的单元测试。
- Playwright：关键流程的端到端冒烟。
构建与发布
- 分包策略：vendor 与业务代码分离；按路由懒加载。
- CI：缓存
node_modules与~/.pnpm-store；产物上传用于后续部署。
按上述清单落地，可快速搭建符合现代标准的前端项目，并保持较低的维护成本。
