这一章来聊聊怎么在编辑器里装 Codex 插件，还有桌面端 App 怎么用。装完以后就不用在终端和编辑器之间来回切了，干活顺畅多了。

---

8.1 为啥要装编辑器插件？

前面几章咱们一直在终端里用 Codex，敲命令行嘛，确实很酷。但说实话，你平时写代码、改东西是不是都在编辑器里？每次想问 Codex 点啥，还得切到终端，用完再切回来。结果是你来回切换，思路都断了好几次。

编辑器插件就是来解决这个痛点的。装上之后，Codex 就住在你的编辑器里，你一边写一边就能跟它聊，它改的东西你也能立刻看到——不用切窗口，不用来回跳。

你想想，这就好比你在厨房做菜。以前是厨房和超市两头跑，现在超市直接开在你家厨房隔壁了，需要啥调料转个身就能拿到。方便不方便？

两种模式到底有啥不一样？

对比项	终端模式	编辑器模式
在哪用	黑乎乎的终端窗口	编辑器侧边栏
看改动	要自己打开文件看	直接看到新旧对比（跟 Word 修订模式似的）
选中内容提问	要手动复制粘贴过去	选中右键就能问
快捷键	要记命令行参数	用编辑器自带的快捷键
功能完整度	百分之百	大部分都有，极少数高级功能没有
适合场景	复杂的脚本和自动化	日常写代码和改代码

---

8.2 VS Code 里怎么装？

VS Code 是目前用 Codex 最舒服的编辑器，支持得最好。

安装方法

方法一：在编辑器里装

1. 打开 VS Code
2. 按 Cmd+Shift+X（Mac）或 Ctrl+Shift+X（Windows/Linux）打开扩展面板
3. 搜索 "Codex"
4. 点 Install 安装

方法二：用命令行装

要是你喜欢用命令行（毕竟你是程序员嘛），一行命令搞定：

# 一行命令装好插件，就像用 brew 装软件一样方便
codex --install-extension

或者直接：

# 去扩展市场搜也行
code --install-extension openai.codex

提示

如果扩展商店搜不到，可能是网络问题。可以试试挂代理，或者直接去 VS Code 插件市场网页 搜索下载 .vsix 文件手动安装。

怎么打开 Codex 面板？

装好以后，有几种方式打开：

方式	怎么操作
快捷键	Cmd+Shift+P → 输入 "Codex: Open" → 回车
点图标	点编辑器侧边栏的 Codex 图标
命令面板	Cmd+Shift+P → 搜 "Codex"

VS Code 里好用的功能

1. 改动一目了然

Codex 改了代码之后，编辑器里会直接展示改动前后的对比，绿色高亮是新增的，红色删除线是删掉的。每一处改动都可以单独接受或拒绝，跟 Word 里的修订模式一模一样。

说白了，每一行改动都在你眼皮子底下，你完全可以掌控 Codex 改了啥。不满意？点一下"拒绝"就回去了。

2. 内联建议

写代码的时候，Codex 会在光标位置给出建议。灰色的那部分就是它的建议，按 Tab 接受，不按就忽略。跟以前用 Copilot 的体验很像，但 Codex 的理解能力更强。

3. Diff 查看器

Codex 做完一整个任务后，你可以打开 Diff 查看器，一次性看所有改动。左边是原来的，右边是改后的，一目了然。

常用快捷键

快捷键	干啥的
Cmd+Shift+P → "Codex: Open"	打开 Codex 面板
Tab	接受内联建议
Esc	拒绝内联建议
Cmd+Shift+P → "Codex: Focus"	跳到 Codex 面板

---

8.3 Cursor 和 Windsurf 里怎么用？

如果你用的是 Cursor 或 Windsurf 这类"AI 原生"的编辑器，好消息是——Codex 也支持！

Cursor

Cursor 本身就是基于 VS Code 的，所以安装方式几乎一样：

1. 打开 Cursor
2. 进扩展面板（跟 VS Code 一样的快捷键）
3. 搜索 "Codex" 并安装

相关信息

Cursor 自己也内置了 AI 功能，但 Codex 的模型和功能是独立的。你可以把 Codex 作为 Cursor AI 的补充——Cursor 的 AI 负责日常补全，Codex 负责复杂的任务执行。两个一起用，效果更好。

Windsurf

Windsurf 也是类似的流程：

1. 打开 Windsurf 编辑器
2. 进扩展市场
3. 搜索 "Codex" 并安装

说白了，只要编辑器是基于 VS Code 内核的，Codex 插件基本都能装。

一个小提醒

在 Cursor 或 Windsurf 里用 Codex 的时候，要注意区分哪些功能是编辑器自带的 AI，哪些是 Codex 的。简单来说：

功能	编辑器自带 AI	Codex 插件
代码补全	有	也有（可关掉）
聊天对话	有	有（在侧边栏）
自动执行任务	一般没有	有（核心能力）
云端任务	没有	有
代码审查	基础能力	更全面

---

8.4 Desktop App：桌面端应用

除了编辑器插件，Codex 还有一个独立的桌面端 App。这个 App 是 OpenAI 专门做的，用来管理多个 Codex 任务。

啥是 Desktop App？

你可以把它理解成 Codex 的"总指挥部"。在这个 App 里，你可以同时管理好几个任务，每个任务都是独立的线程，互不干扰。就像开了好几个浏览器标签页，每个标签页里干不同的事。

目前支持哪些系统？

系统	支持情况
macOS	已支持
Windows	已支持
Linux	还在路上

怎么安装？

macOS：

# 如果你已经装了 Codex CLI，直接运行这个命令就能启动桌面端
codex app

或者去 OpenAI 官网下载 .dmg 安装包。

Windows：

去 OpenAI 官网下载安装包，双击安装就行。

Desktop App 有啥特别的？

1. 多项目管理

Desktop App 可以同时打开好几个项目，每个项目有自己的线程和上下文。你不用退出一个再进另一个，直接切就行。

2. 任务可视化

所有正在跑的任务、已完成的任务、失败的任务，都清清楚楚地列在界面上。比终端里看日志方便太多了。

3. 定时任务（Automations）

你可以在 App 里设置定时任务——比如每天早上自动检查代码质量、每周一生成 changelog。设置好了就不用管了，Codex 自己按时跑。

4. Git Worktrees 支持

这个功能特别好用。Worktrees 就像给每个任务开了个"平行宇宙"——多个任务可以同时修改同一个仓库，但互不影响，每个任务都在自己的分支上干活。干完了再合并。

App 里能看到啥？

┌──────────────────────────────────────────┐
│            Codex Desktop App              │
│                                          │
│  ┌─────────┐  ┌─────────┐  ┌─────────┐ │
│  │ 任务 1   │  │ 任务 2   │  │ 任务 3   │ │
│  │ 修复 Bug │  │ 写新功能 │  │ 重构代码 │ │
│  │ 运行中 ✓ │  │ 运行中... │  │ 已完成 ✓ │ │
│  └─────────┘  └─────────┘  └─────────┘ │
│                                          │
│  ┌─────────────────────────────────────┐ │
│  │ 任务 2 详情                         │ │
│  │ 正在修改 src/api.js ...             │ │
│  │ 正在运行测试 ...                     │ │
│  └─────────────────────────────────────┘ │
│                                          │
└──────────────────────────────────────────┘

---

8.5 终端模式 vs 编辑器模式 vs Desktop App

三种方式各有各的好，一张表看清楚：

对比项	终端模式	编辑器插件	Desktop App
在哪用	终端窗口	VS Code / Cursor 等	独立窗口
看代码改动	要自己打开文件	内联 Diff 查看	有专门的审查面板
多任务	开多个终端	开多个编辑器标签	原生支持并行任务
适合场景	自动化脚本、CI/CD	日常开发写代码	管理多个并行任务
上手难度	最低	低	低
定时任务	不支持	不支持	支持
可视化	纯文字	编辑器内	图形界面

啥时候用哪种？

日常写代码、改代码     → 编辑器插件（最方便）
同时管理多个任务       → Desktop App（最直观）
跑脚本、做自动化       → 终端模式（最灵活）
定时执行任务           → Desktop App（唯一支持）

---

8.6 动手试试：安装和配置 VS Code 插件

光看不练假把式。咱们来实际动手装一下。

第1步：确认你已经装了 Codex CLI

# 先看看 Codex 装了没有
codex --version

如果显示版本号，说明装好了。没装的话回到前面的章节先装好。

第2步：安装 VS Code 插件

打开 VS Code → Cmd+Shift+X → 搜索 "Codex" → 点 Install。

第3步：登录你的账号

装好之后第一次打开 Codex 面板，会让你登录。可以用 ChatGPT 账号或者 API Key：

# 如果你选择用 API Key
codex login --api-key "你的API密钥"

第4步：试试效果

随便打开一个项目，打开 Codex 面板，输入：

看看这个项目是干什么的，简单描述一下

Codex 会分析你的项目然后告诉你。如果你能在编辑器侧边栏看到它的回复，恭喜你，装成功了！

第5步：试试让 Codex 改点东西

选中一段代码，右键 → "Ask Codex"，输入：

帮我把这个函数的名字改得更有意义

你会看到 Codex 的改动建议直接出现在编辑器里，绿色高亮显示新增内容，红色显示删除内容。满意就接受，不满意就拒绝。就是这么简单。

提示

第一次用的时候，建议先在一个不重要的项目里试试，熟悉了再用到正式项目上。就像买了新车先在人少的地方练练手。

---

8.7 常见问题

Q1: 插件装了但是打不开？

检查一下：

• Codex CLI 是否已经安装
• 网络是否正常（Codex 需要联网）
• 编辑器版本是不是太旧了

Q2: 登录不上？

• 确认你的 ChatGPT 订阅是否有效（Plus、Pro、Business、Enterprise 都行）
• 如果用 API Key，确认 Key 是否正确
• 试试重新登录：codex login

Q3: 在编辑器里用 Codex 很卡？

可能是网络问题。Codex 的"大脑"在云端，网络不好的时候确实会慢。试试换个网络环境，或者等非高峰时段用。

Q4: 编辑器里的功能和终端里不一样？

正常。编辑器插件确实不支持某些高级功能（比如管道操作、脚本自动化等）。遇到这种情况，切回终端模式就行。

---

小结

这一章主要聊了三种使用 Codex 的方式：

方式	一句话总结	适合谁
终端模式	命令行里直接用，功能最全	喜欢敲命令的人
VS Code 插件	编辑器侧边栏里用，改动一目了然	日常开发的人
Cursor / Windsurf	跟 VS Code 类似，和编辑器自带 AI 互补	用这两个编辑器的人
Desktop App	独立窗口管理多个并行任务	需要同时处理多个任务的人

建议

日常写代码用编辑器插件，方便看改动；需要做复杂操作切回终端；要管理多个并行任务用 Desktop App。三种方式灵活切换，体验最好。

---

下一章来聊聊怎么让 Codex 自动帮你干活——GitHub Actions 集成、CI/CD 自动化，让你不用盯着电脑它也能帮你搞事情：第9章 让 Codex 自动帮你干活