7.1 Web 项目实战路径¶
目标:用 Codex 或 Claude Code 做一个小型 Web 功能,而不是从零生成整个大项目。
推荐练习¶
实现一个 notes CRUD:
- 列表。
- 新建。
- 编辑。
- 删除。
- 本地或数据库持久化。
- 最少一条测试。
执行步骤¶
任务 1:写 PRD¶
Goal:
实现 notes CRUD 最小功能。
Out of Scope:
不做协作、不做富文本、不做分享。
Done When:
新增 note 后刷新仍存在;
删除后列表消失;
相关测试通过。
任务 2:让 Agent 只读分析¶
先不要修改文件。请阅读项目结构、路由、数据层和现有测试,给出实现计划。
任务 3:小步实现¶
顺序:
flowchart LR
A[数据模型] --> B[API]
B --> C[UI]
C --> D[测试]
D --> E[验证]
不要让 Agent 一步写完所有东西。
任务 4:验证¶
至少:
- 跑单测。
- 跑 typecheck。
- 看 diff。
- 手动试一遍核心路径。
练习重点¶
这次练的不是 CRUD,而是:
- PRD 是否清楚。
- Agent 是否先读代码。
- 计划是否可审。
- 验证是否闭环。
- 错误是否写回规范。