Codex第一次实战：做个网页

完成 Codex 安装后，这一篇直接做一个能运行的小项目。 目标很简单：让 Codex 创建一个学习清单网页，包含 5 个可勾选任务，并且不安装任何第三方依赖。图中的页面来自本地实际运行，后面还会对比增加按钮前后的结果。 1. 创建独立练习目录 打开 CMD，依次运行： mkdir D:\codex-study cd /d D:\codex-study codex 2. 把任务描述清楚 可以把下面这段完整发给 Codex： 请先确认当前工作目录，只处理当前目录中的文件。 创建一个 index.html，页面标题为“今日学习清单”。 页面中包含 5 个可以勾选的学习任务，并显示已完成数量。 使用原生 HTML、CSS 和 JavaScript，不安装第三方依赖。 页面要能直接在浏览器打开。 开始修改前先说明计划，完成后说明创建了哪些文件，以及我应该如何验证。 3. 执行前先看计划 重点检查： 当前目录是不是 codex-study。 是不是只准备创建或修改 index.html。 有没有准备安装你没有要求的依赖。 它给出的验证方法能不能自己执行。 4. 检查生成结果 Codex 完成后，在 CMD 运行： dir start index.html 浏览器打开后，逐项检查： 页面能正常显示。 5 个任务都可以勾选。 已完成数量会跟着变化。 刷新页面后布局没有明显错乱。 5. 再追加一个小修改 继续发送： 保留现有页面和任务。 增加一个“清空已完成”按钮，点击后取消全部勾选。 不要安装第三方依赖。 修改完成后重新检查页面功能，并说明改了什么。 这次练习走完了完整流程：描述任务 -> 检查范围 -> 修改文件 -> 本地验证 -> 追加修改。 下一篇整理 Codex 任务描述公式，用 5 句话说清范围、目标、限制和验收方式。 #Codex #Codex教程 #AI编程 #网页制作 #AI工具