VS Code + Codex 使用教程

在 VS Code 中使用 Codex 的核心优势，是可以一边看项目文件和差异，一边让 Codex理解上下文并执行开发任务。扩展名称、界面和支持能力会更新，请以 OpenAI 官方当前说明为准。

第一步：打开正确的项目文件夹

不要只打开一个孤立文件。打开项目根目录后，先确认 package.json、README、Git 状态和项目规则文件都在预期位置。

第二步：给足相关上下文

指出目标页面、报错信息和相关文件，但不要一次塞入整个无关仓库。可以先要求 Codex只读检查：

请先阅读项目规则、首页和共享按钮组件。
解释现有实现，不要修改。然后给出最小改动方案。

第三步：限制修改范围

明确“复用现有组件”“不要升级依赖”“不修改部署配置”等边界。涉及视觉时，给出目标尺寸和需要检查的移动端宽度。

第四步：在编辑器中审查差异

逐个文件看新增、删除和重命名。重点检查：

• 是否误改了无关文件。
• 是否写入固定路径、凭证或测试数据。
• 是否破坏类型、可访问性或响应式布局。
• 是否添加未使用依赖。

第五步：运行项目自己的验证

优先使用仓库已有命令，例如 npm run check、npm test、npm run build。如果检查失败，先理解原因，不要通过删除测试或关闭规则来“通过”。

初学者的稳妥节奏

一次只做一个目标；每次成功后创建清楚的 Git 提交；大改前记录当前 HEAD。这样即使方向错误，也能回到已知可用状态。

官方参考

• OpenAI Codex 学习中心