构建一个现代前端项目
从零到一搭建可维护的前端架构实践
当我们开始一个新的前端项目时，往往会面临很多选择：该用 Vue 还是 React？状态管理选 Redux 还是 Zustand？ CSS 用 Tailwind 还是 CSS Modules？这些选择没有绝对的对错，但有一个原则值得遵循：保持简单，逐步演进。
1. 从目录结构开始
一个清晰的目录结构能让团队快速理解项目。我习惯将 src 分为 pages、components、hooks、utils 几个核心目录， 再根据需要添加 services、stores 等。避免过早抽象，等模式出现三次以上再考虑抽离。
2. 选择能快速上手的工具链
Vite 已经成为了现代前端构建的首选，启动快、热更新灵敏。对于 TypeScript，建议从一开始就启用 strict 模式， 虽然会多花一些时间解决类型问题，但能避免很多运行时的坑。
3. 代码规范与 Git Hooks
ESLint + Prettier 是标配，再加上 husky 和 lint-staged，可以在提交前自动格式化和检查。 这样能保证代码风格一致，减少 Code Review 时的噪音。
架构没有银弹，重要的是根据团队规模和项目复杂度做出合适的选择。保持克制，持续迭代，才是长久之道。