Skip to content

Codex IDE 扩展

这是一份教程——装扩展,把已经打开的文件带进提示词,在源码旁边审 diff。IDE 是 Codex 的一个入口,和 CLI 共用 AGENTS.md、沙箱、审批。

官方落地页:learn.chatgpt.com/codex/ide。文档:IDE extension

先决条件

需要要求
账号含 Codex 的 ChatGPT 套餐
编辑器VS Code、Cursor、Windsurf、VS Code Insiders、Xcode 或 JetBrains IDE
仓库一个你已经熟悉的项目目录

学习目标:在编辑器里装好 / 打开 Codex;第一次对话就带上当前文件;原地审 focused diff;长任务交给 Cloud 而不离开编辑器。

非目标:CLI 安装(CLI);Cloud 环境(Cloud);桌面 Chat / Work / Codex 切换(产品线Work)。

IDE 扩展是什么,不是什么

扩展把 Codex 放在代码旁边。打开的文件、当前选区、最近会话进 composer。你在源码旁边读短摘要和 focused diff。

不是

  • 另一套 Agent。还是 ~/.codex/config.toml 和同一份 AGENTS.md
  • 桌面 Codex。桌面 Codex 在 ChatGPT 桌面应用 里:可视化 diff、PR 侧栏、多仓库、Computer Use。地图在 产品线,这里不重复整页。
  • CI 里 codex exec 的替代品。

任务锚在当前文件 / 选区 → IDE。要脚本化 → CLI。合上电脑也要跑 → Cloud

第 1 步 — 安装或启用

编辑器怎么装
Visual Studio Codeopenai.chatgptvscode:extension/openai.chatgpt
Cursorcursor:extension/openai.chatgpt
Windsurfwindsurf:extension/openai.chatgpt
VS Code Insiders同一个 Marketplace 项
XcodeSetting up coding intelligence;选 Codex
JetBrains IDEAI Assistant 里的 Codex;打开 AI Chat 选 Codex

用和 CLI 同一套 ChatGPT 账号登录。

第 2 步 — 打开 Codex

VS Code / Cursor / Windsurf: 点 Codex 图标。看不见就命令面板跑 Codex: Open Codex Sidebar

Xcode: 打开 coding assistant,新会话,选 Codex。

JetBrains: 打开 AI Chat,选 Codex。

第 3 步 — 第一次对话,带上编辑器上下文

打开熟悉的项目。让它解释或做小改动。任务前后做 Git checkpoint,方便回滚。

text
@src/auth/session.ts Explain how session refresh works, then add a test for
the expired-token path only. Do not change the cookie format.

从 composer 附上打开的文件或选区,不要复述问题。官方:Use editor context

第 4 步 — 在源码旁边审

读摘要。看改动行。只留你要的。同一条会话里追问。没打开过的跨文件大改不要收。

第 5 步 — 任务变大就委派

短迭代留在本地。需要更长时间就接到 Codex web,送进 Cloud。编辑器里的会话还在,回来审结果。

官方:从 IDE 委派

什么时候用 IDE

场景为什么
小范围改动相关文件和 Codex 同一视图
读陌生代码问已经打开的符号
原地审diff 贴着源码
更大的任务从 IDE 开 Cloud,回来看结果

命令和设置:IDE commandsIDE settings。文档带 ?surface=ide——页面像在讲 CLI 时,先看 surface。

常见陷阱

陷阱结果改做
描述文件而不附上改错模块点名打开的文件或选区
当成另一套 Agent配置 / AGENTS.md「没加载」和 CLI 同一套;先信任项目
长任务扔在笔记本上睡眠后会话没了交给 Cloud
在这里找 PR 侧栏那是桌面 Codex产品线 · Work 与 Codex

实际用例

打开着 Button.tsx,视觉测试红了。附上文件,要最小 CSS 修复,在组件旁边审 diff。如果变成设计系统 token 迁移,交给 Cloud,IDE 会话只用来审。

下一步

  1. 带编辑器上下文的提示词 → Prompting
  2. 最佳实践 → guides/best-practices
  3. 长任务 → Cloud
  4. flag 和斜杠命令 → Cheatsheet

官方来源

为前端工程师打造 · 基于 VitePress 构建