打开 Codex CLI 以后,第一句话怎么写?不用先背一套长提示词。拿一个现成的小项目,说清楚想增加什么、哪些地方别动、最后怎样检查,就可以开始。
下面用一个原生 JavaScript 待办清单举例:它能新增任务,但我们希望刷新页面后数据还在。
先进入正确的项目目录
在已经安装并登录 Codex 的终端里,先切到你的项目目录,再启动:
1 | cd "C:\你的项目目录\todo-demo" |
把路径换成真实目录。启动前确认这里确实有你准备修改的文件;不要在另一个项目里描述“当前项目”。安装方式见官方 CLI 指南。
这段任务可以直接改
1 | 给当前待办清单添加本地保存。 |
这里分别给出了目标、文件范围、实现边界和验收行为。文件名与技术选择要按你的项目调整,别把模板里的路径当成必须照抄的规则。
它说完成了,接下来自己点一遍
先新增一条容易辨认的任务,刷新;再删除,刷新。最后输入几个空格,看看页面有没有多出空白任务。检查的是使用者能看到的结果,不只是代码里出现了 localStorage 这个词。
原演示的浏览器验收记录中,上述三个行为均通过,还检查了损坏存储、任务文字按普通文本显示,以及手机宽度没有横向溢出。这是原项目在本地 Edge 的检查记录,博客整理没有重新执行这些测试。
localStorage 保存的是当前浏览器、当前站点的数据。清除站点数据可能把任务一起清掉,换浏览器或设备也不会自动同步。后续可以分别增加导出、导入功能。MDN:localStorage
原笔记发表于2026年9月30日,博客整理于2026年10月27日。任务模板为原创示例;关于给出上下文和验证要求的官方参考见 Prompting。