IDE 扩展集成

VS Code 扩展

Codex 为 VS Code 提供了官方扩展，使您能够在编辑器内直接使用 Codex 的全部功能。

安装扩展

1. 打开 VS Code 扩展市场（Cmd/Ctrl + Shift + X）
2. 搜索 "Claude Code" 或 "Codex"
3. 点击安装
4. 安装完成后，重新加载窗口

也可以通过命令行安装：

code --install-extension anthropic.claude-code

扩展功能

安装后，VS Code 中会新增以下功能：

• 侧边栏面板 — Codex 对话面板集成在 VS Code 侧边栏
• 右键菜单 — 在文件或选中代码上右键，选择"发送到 Codex"
• 命令面板 — 通过 Cmd/Ctrl + Shift + P 调用 Codex 命令
• 编辑器内联 — 在编辑器内直接显示 Codex 的修改建议
• 问题面板集成 — Codex 检测到的问题显示在 VS Code 问题面板

配置 VS Code 扩展

{
  "claude-code.enable": true,
  "claude-code.model": "claude-3-sonnet",
  "claude-code.theme": "dark",
  "claude-code.fontSize": 13,
  "claude-code.autoStart": true,
  "claude-code.keybindings": {
    "openPanel": "ctrl+alt+c",
    "sendSelection": "ctrl+alt+s"
  }
}

快捷键

Cursor 集成

Cursor 是一款 AI 优先的代码编辑器，与 Codex 配合使用时能发挥强大的协同效应。

集成方式

在 Cursor 中，可以通过以下方式使用 Codex：

{
  "cursor.ai.externalTools": {
    "claude-code": {
      "enabled": true,
      "launchOnStart": false
    }
  }
}

最佳实践

• 使用 Cursor 的 AI 补全进行日常编码
• 使用 Codex 进行大规模重构和复杂任务
• 将 Cursor 的 Inline Chat 用于快速修改
• 将 Codex 的 Terminal Agent 用于命令执行

Windsurf 集成

Windsurf 是 Codeium 推出的 AI 驱动的 IDE，也支持与 Codex 集成。

配置方法

# 在 Windsurf 终端中直接使用 Codex
claude

Windsurf 的 Cascade 功能与 Codex 可以互补使用：

JetBrains 集成

安装插件

1. 打开 JetBrains IDE（IntelliJ IDEA、WebStorm、PyCharm 等）
2. 进入 Settings > Plugins
3. 搜索 "Claude Code"
4. 安装并重启 IDE

功能特性

• 工具窗口 — Codex 面板嵌入在 IDE 工具窗口区域
• 代码选择 — 在编辑器中选中代码，通过右键菜单发送到 Codex
• 终端集成 — 在 JetBrains 内置终端中直接运行 claude
• 文件同步 — Codex 修改的文件在 IDE 中自动刷新

配置选项

<!-- JetBrains 设置 -->
<settings>
  <setting name="claudeCodeEnabled" value="true" />
  <setting name="claudeCodeModel" value="claude-3-sonnet" />
  <setting name="claudeCodeAutoFormat" value="true" />
  <setting name="claudeCodeShowInline" value="true" />
</settings>

无编辑器工作流

即使不使用 IDE，Codex 在终端中也能提供完整的开发体验：

# 直接在工作目录中启动
claude

# 结合 tmux 使用
tmux new-session -s dev -d 'claude'
tmux split-window -h -t dev
tmux attach -t dev

这种方式特别适合远程服务器开发和 SSH 环境。

扩展开发

第三方开发者可以为 Codex 创建自定义扩展：

// 扩展示例
import { Extension } from "@anthropic-ai/claude-code-extension";

export class MyExtension implements Extension {
  name = "my-extension";

  onActivate() {
    console.log("Extension activated");
  }

  provideTools() {
    return [
      {
        name: "my-custom-tool",
        description: "自定义工具",
        handler: async (args) => {
          // 工具逻辑
        }
      }
    ];
  }
}