按需选择
| 需求 | 从这里开始 |
|---|---|
| 加入 SWC（Speedy Web Compiler）之外的定制转换 | Babel |
| 强制执行代码质量规则 | ESLint |
| 保持格式一致 | Prettier |
| 用插件转换 CSS | PostCSS |
| 在持续集成（CI）中对样式表做 lint | Stylelint |
| 搭建可组合的 UI 原子组件 | shadcn/ui |
| 实用工具优先的样式系统 | Tailwind CSS |
| 通过 Chrome DevTools 让 AI agent 调试扩展 | Chrome DevTools MCP |
实用的集成顺序
- 加入基础质量工具：ESLint + Prettier。
- 加入样式工具：PostCSS + Stylelint（如有需要再加 Tailwind）。
- 仅在需要时再加入框架专用工具。