Skip to content

用 AI 做一个每日待办清单 ​

今天要读书、回消息、整理桌面,事情都放在脑子里容易忘。这次让 Codex 做一个小清单:写下一件事,做完就勾掉。

这篇比做静态网页多了一步:按钮不仅要看着像按钮,还得真的能用。

1. 先玩一下我们要做的工具 ​

打开待办清单示例。试着写一件不重要的小事,点“添加”,再勾选它。打开在线示例也只是在你当前浏览器里操作,没有发送给别人。

待办清单:输入框、添加按钮和三件示例事项

这次先做添加、勾选、删除和保存。提醒通知、账号登录和手机同步以后再说。

2. 给它一个放文件的地方 ​

还没打开过桌面版 Codex?先完成安装和第一条消息。

  1. 在电脑桌面新建文件夹,叫 我的待办清单。
  2. 在桌面应用里进入 Codex,打开或添加这个文件夹作为本地项目。
  3. 在这个项目里新建对话;有运行位置选项时,选 Local(本地)。
  4. 发送:“请告诉我现在选中的文件夹,先不要创建文件。”确认位置是 我的待办清单。

3. 不用先学数据库 ​

这次不用安装插件,也不用填写配置文件。清单先保存在你当前用的浏览器里,可以理解成“这台浏览器自己的小本子”。它不是云端账号里的数据,也不会自动出现在另一台电脑上。

双击打开的网页能不能保存,还与浏览器设置有关。 做好后,我们会亲自刷新试一次。先用练习事项,重要内容等能保存、能备份后再放进去。

4. 像聊天一样,告诉它清单怎么用 ​

复制下面这段话,发到 Codex 的聊天框:

text
请在当前文件夹做一个每日待办清单,文件名叫 index.html。
我不会写代码,希望双击就能用浏览器打开,不用额外安装东西。

页面标题叫“今天,做完三件事”。
有一个输入框和“添加”按钮,可以输入新的事项。
初始放三件演示事项:读书 20 分钟、整理桌面、给朋友回消息。
每件事前面有可以勾选的小方框,完成后给文字加删除线。
每件事后面有“删除”按钮,点了只删除那一件。
上面显示“已完成几件 / 总共几件”,随操作变化。
空白或只有空格的内容不能添加,要提醒我先写一件事。

请尝试保存在当前浏览器里,刷新后可以继续。
如果浏览器不允许保存,明确提醒我,不能假装保存成功。
不做账号、联网同步、通知或自动发送消息。
界面用浅紫色和白色,手机窄屏也要能看完整。
做好后告诉我在哪里打开。

等它完成,打开 我的待办清单 文件夹,双击 index.html。找不到文件就继续说:“请直接创建网页文件,并告诉我保存位置,不要只把代码贴在聊天里。”

做一次真实操作,别只看外观 ​

  1. 在输入框写 散步 10 分钟,点“添加”。列表里应该多出这一项。
  2. 勾选 读书 20 分钟。文字应该被划掉,完成数变成 1 / 4。
  3. 取消勾选。文字恢复,完成数回到 0 / 4。
  4. 只点“散步 10 分钟”那一行的删除按钮。其他三件事应保留。

下面是添加一件事、勾选一件事后的示例:

添加散步事项并勾选读书后,清单显示已完成一件、总共四件

如果数字没变,就把你刚才的操作说给它:“我勾选了读书,但上面的完成数还是 0。请让数字随勾选和取消勾选一起更新。”不用先知道代码错在哪。

刷新一次,检查它是不是真的记住了 ​

再添加 明天继续练习,点浏览器刷新。看看新事项还在不在。如果它消失了,直接说:

text
我添加了“明天继续练习”,刷新网页后它消失了。
请检查保存功能。我是双击电脑里的 index.html 打开的。
如果这个浏览器不能保存,请明确说明,并给我一个能备份清单的方法。
不要只回复“已经保存成功”。

加一个简单备份,重要内容能拿走 ​

继续在同一个对话里发:

text
请加一个“下载清单备份”按钮。
点击后下载一份中文文字文件,列出每件事和它是否已完成。
浏览器无法保存时,也可以把当前清单下载下来。
保持原来的添加、勾选和删除功能,不要增加账号登录。

它改完后,刷新网页,点一次下载按钮。到浏览器的下载列表打开文件,确认文字和完成状态都在。这份文字备份用来看和留存,不代表可以自动导入回工具。

5. 清单不对时,按现象继续聊 ​

把浏览器窗口拉窄,再添加一件事,看看输入框和按钮有没有跑出画面。

窄屏待办清单:输入框、添加按钮和每行的删除按钮均可见
看到的情况怎么处理
空白也被加进列表发:“不填写或只输入空格时,不要添加空事项,请给我一句提示。”
删除一件,其他的也没了发:“我只删除了某一行,请只移除这一项,保留其他事项。”
提示无法保存先下载备份;把提示发给 Codex,不用改一堆电脑设置
换浏览器后清单是空的浏览器各自保存,不会自动同步;回原来的浏览器查看
下载的是空文件或漏了事项把页面当前的事项和下载文件一起告诉 Codex,让它检查导出内容

即使同一个文件,改位置、换浏览器、清理浏览器数据,也可能让你看不到之前的清单。浏览器直接打开本地文件时的保存行为可能不同,具体限制见 MDN 的浏览器存储说明。不用读代码部分,遇到保存问题先留一份备份。

6. 换成自己的日常清单 ​

确认操作正常后,可以删掉演示事项,添加你今天真正要做的三件事。也可以继续聊:“请把标题换成‘我的阅读计划’,其他功能保持不变。”

下载待办清单示例,解压后双击 index.html。本站示例和你自己做出的文件各有各的清单,不会互相同步。

操作入口参考官方开始指南和本地项目说明。

继续做英语单词卡片 · 回到新手路线

Codex 中文教程与实战 · 非 OpenAI 官方网站