主题文章
一个前端项目的结构
从目录讲起：脚手架生成骨架，框架决定页面怎么组织，测试和代码规范守住 AI 的每一次改动。
框架
从项目结构讲起：脚手架、框架、测试与代码规范。
主题文章
工具条目
- 工具条目首选
Vite + React
最通用的前端起点：Vite 负责开发服务器和构建，React 负责界面；AI 最熟悉，结构也最简单。
- 工具条目备选
Next.js
带服务端渲染和全栈能力的 React 框架。能力最强，概念也最多——确实需要时再选。
- 工具条目首选
Vitest + Playwright
Vitest 跑单元测试，Playwright 在真实浏览器里跑用户流程。AI 改得越多，越需要这两层兜底。
- 工具条目首选
Biome
一个工具同时负责格式化、代码检查和 import 排序，取代 ESLint + Prettier 的组合，配置只有一个文件。