用 Codex 完成第一个真实任务

第一步：准备一个独立文件夹

先新建一个空文件夹，把它作为这次练习的工作目录。Codex 创建和修改的文件都会放在这里，范围清楚后更容易检查它做了什么。

初次练习可以使用简单的英文目录名，避免某些脚本或工具对特殊字符支持不完整。更重要的是，不要一开始就把包含重要资料的大目录直接交给 AI。

mkdir my-first-codex-project
cd my-first-codex-project

第二步：选择项目并添加目录

在桌面 App 中，一次性的小工作可以直接从对话开始；如果预计还会继续修改，优先创建项目并选择刚才的工作目录。项目中的多个对话可以围绕同一目录协作，后续扩展更方便。

添加目录后先核对当前路径，确认没有选错文件夹。这个小动作可以避免 AI 在错误的位置生成或修改文件。

第三步：给出一个可验证的小任务

第一个任务不宜太大。可以让 Codex 创建一个简单网页，例如制作一页 AI 学习时间线，要求只使用 HTML、CSS 和 JavaScript，同时兼顾手机端显示。

请在当前空目录中制作一个介绍 AI 发展历史的单页网站。只使用 HTML、CSS 和 JavaScript；页面包含时间线和 5 个关键节点；适配手机端。完成后检查页面能否正常打开，并说明创建了哪些文件。

这个任务明确了产物、技术范围、核心内容和验收方式，Codex 更容易判断什么时候算完成。

第四步：打开结果并亲自检查

任务完成后，不要只看对话里的总结。打开生成的网页，检查文字、布局、按钮和移动端效果；如果项目有构建或测试命令，也要实际运行。

发现问题后继续在同一个对话中描述，例如“手机端标题超出屏幕，请修复并再次检查 375px 宽度”。这样就形成了执行、检查、修复、再验证的闭环。

第五步：控制对话长度

随着对话轮次增加，上下文会逐渐变长。当一个阶段已经完成，可以新开对话继续下一阶段，并在新任务中简要说明当前状态和目标。

如果使用项目模式，新对话仍然可以围绕同一个工作目录开展任务，不必每次重新搭建环境。