脚手架搭建
脚手架是“项目模板生成器”，把目录结构、构建配置、Lint 规则、CI 配置打包成一个命令，三秒钟产出符合团队规范的项目，新人无需从零配环境。官方脚手架 npm create vite@latest 支持 Vue/React/TS 等模板；团队内部通常再封装一层（如 npm create my-company-app）固化自己的规范。
脚手架解决的终极问题是“一致性”：十个项目十个样，维护成本就指数上升。统一模板后，构建命令、目录划分、提交规范完全一致，人在项目间切换零成本。
- 官方脚手架管“能跑”，团队脚手架管“规范”：后者多塞入 UI 库、请求封装、权限、CI 模板
- 模板即代码：把最佳实践沉淀进脚手架，比写文档让新人自己看管用一百倍
- 脚手架要随工具链演进而升级：锁版本 + 定期更新模板
脚手架
// 三秒创建一个规范项目（命令行） // npm create vite@latest my-app -- --template vue-ts // cd my-app && npm install && npm run dev // 脚手架产出的标准目录 // my-app/ // ├─ public/ 静态资源（不经过构建处理，原样拷贝） // ├─ src/ // │ ├─ assets/ 会被构建处理的资源（图片/字体） // │ ├─ components/ 公共组件 // │ ├─ views/ 页面级组件 // │ ├─ api/ 接口请求封装 // │ ├─ utils/ 工具函数 // │ ├─ router/ 路由 // │ ├─ stores/ 状态管理 // │ ├─ App.vue // │ └─ main.js 入口：装插件、挂载根组件 // ├─ .eslintrc.cjs 代码规则 // ├─ .prettierrc 格式规则 // ├─ vite.config.js 构建配置 // └─ package.json // 自己造脚手架：npm init / plop / yeoman，或直接维护一个 git 模板仓库
本节要点脚手架 = 规范的自动化载体；好脚手架让新人三秒得到符合团队标准的项目。
