Todo 项目练习:用 AI 读懂一个最小应用
Todo 项目适合新手,因为功能小、状态清楚、容易验证。第一次练习只读代码,不急着改功能。
- tastejs/todomvc:适合对比不同框架如何实现同一个 Todo 应用。
- dwyl/javascript-todo-list-tutorial:适合从测试和教程理解 Todo。
今天只做一件事
Section titled “今天只做一件事”只读 Vanilla JavaScript 或最简单实现,让 AI 解释新增 Todo 的完整流程。
可复制提示词
Section titled “可复制提示词”请只读这个 Todo 项目,不要修改文件。
仓库或本地路径:{链接或路径}我的水平:新手
请输出:1. Todo 数据保存在哪里2. 新增 Todo 的流程经过哪些文件和函数3. 删除 Todo 的流程经过哪些文件和函数4. 页面重新渲染发生在什么时候5. 如果我只想改输入框占位文字,应该改哪里6. 新手不应该先碰哪些地方
如果你需要运行命令,先说明命令作用、是否联网、是否写文件,等我确认。- 你能说出新增 Todo 从输入到显示经过哪些步骤。
- 你能找到负责渲染的文件或函数。
- 你没有让 AI 重构项目。
- 一开始就让 AI 加登录、数据库、拖拽排序。
- 不读原有实现,直接让 AI 写一个新的 Todo。
- 在多个框架版本之间来回跳。
- 来源:tastejs/todomvc、dwyl/javascript-todo-list-tutorial。
- 分享日期:2026-06-16。
- 复测日期:2026-06-16。