第一次用 Codex：
完成一个看得见的小任务

先选一个入口

官方快速开始页面列出了桌面、网页，以及面向开发者的 Codex CLI 和 IDE 扩展入口。你可以根据平时的工作方式选择：习惯图形界面就从桌面开始，习惯终端或编辑器则使用对应的 Codex 工具。下载与安装请从官方页面进入，按自己的系统选择版本。查看官方快速开始。

本篇练习使用能够操作本地文件的入口。建议单独建立一个练习文件夹，例如 codex-practice，把它选作工作目录。这样你能清楚看到本次新增了哪些文件。

ChatGPT 登录和 API Key 有什么区别？

官方认证文档区分了两种方式：ChatGPT 账号登录使用对应订阅访问权限；API Key 登录按 OpenAI Platform 的 API 使用计费。支持 API Key 的本地入口也可能缺少部分依赖 ChatGPT 云服务的功能。不能把第三方店铺余额理解为 OpenAI 官方 API 余额。具体账号能用什么，以实际账号和官方说明为准。查看官方认证说明。

如果你已经安装 CLI，可以用下面的命令查看当前认证方式。它只用于查看状态，不会购买额度：

codex login status

遇到额度问题时，先记下使用入口、登录方式和错误提示，再查对应账户的用量。发给客服的截图应遮住密钥和登录凭据。

练习：做一个商品介绍页

练习目标是得到一个能在浏览器里打开的 HTML 文件。以下商品是虚构示例，不连接商城，也没有付款功能。你可以直接使用下面这段任务描述：

在当前练习文件夹里制作一个中文商品介绍页，保存为 product-demo.html。

商品名：示例 AI 学习工具包。
正文分为：适合谁、包含什么、使用前准备。
适合谁：第一次尝试 AI 工具的新手。
包含什么：一份练习清单和三段示例任务描述。
使用前准备：一台电脑和一个专用练习文件夹。

采用浅色背景，手机上文字也要清楚。页面不标价，不添加购买按钮，不使用外部图片。
完成后提供文件路径和打开方式，并检查窄屏下是否有横向滚动。

这份练习把内容、文件名和检查标准都交代清楚了。你不必先决定用哪一个网页框架；一个小页面通常可以先从单个 HTML 文件开始。

官方提示词指南建议说明目标、有关背景、输出要求和必要边界；不需要机械地填满一个固定模板。本文示例是为新手练习单独编写的。查看官方任务描述指南。

收到结果后，怎么继续？

打开它提供的文件，先看标题和三段正文是否齐全，再缩窄浏览器窗口。检查长句有没有被截断、是否需要左右拖动，以及字号是否适合阅读。不要仅凭对话中的“完成”两个字判断结果。

假设页面能打开，但你觉得段落太挤，可以接着说：

这个页面的正文有点挤。把段落之间的距离增加，正文行距调大一点。保持商品名称和三段内容不变，完成后让我查看修改后的文件。

如果打开的是旧页面，先确认文件路径，再刷新浏览器。若仍看不到变化，把“打开的是哪个文件、做了什么、看到什么”写清楚。例如：

我打开的是练习文件夹里的 product-demo.html。刷新以后，手机宽度下正文仍然超出右侧。请检查导致横向滚动的元素，修复后重新验证。

这些检查是本练习的验收方法。之后做真实任务时，把标准换成实际需要的结果：表格能筛选、链接能打开，或一个具体错误不再出现。