开发环境

在 VS Code 中安装 Claude Code 与 Codex

从扩展面板安装 Anthropic 与 OpenAI 官方插件,并在当前工作区中打开 AI 编程面板。

约 5 分钟VS CodeWindows / macOS / Linux
只安装官方扩展

Claude Code 的发布者应为 Anthropic,Codex 的发布者应为 OpenAI。不要只看名称相似就安装。

01打开入口

进入 VS Code 扩展面板

  1. 打开 VS Code。
  2. 点击左侧活动栏的扩展图标。
  3. 也可以使用快捷键 Ctrl + Shift + X

建议先更新 VS Code 到当前稳定版,避免插件安装成功但功能入口不显示。

02Anthropic

安装 Claude Code 官方扩展

  1. 在扩展搜索框输入 Claude Code
  2. 选择名称包含 Claude Code、发布者为 Anthropic 的扩展。
  3. 点击安装,等待扩展状态变为已安装。
核对发布者

搜索结果可能包含第三方主题、快捷启动器或同名工具。教程只推荐 Anthropic 官方发布的 Claude Code 扩展。

03OpenAI

安装 Codex 官方扩展

  1. 清空搜索框并输入 Codex
  2. 选择 Codex - OpenAI's coding agent
  3. 确认发布者为 OpenAI,然后点击安装
04打开面板

在当前工作区启动插件

  1. 先在 VS Code 中打开一个项目文件夹。
  2. 从活动栏或编辑器侧边区域找到 Claude Code / Codex 图标。
  3. 点击对应入口,在当前工作区中打开面板。
  4. 首次使用时按插件提示完成必要的授权或配置。

如果图标没有出现,按 Ctrl + Shift + P 打开命令面板,分别搜索 ClaudeCodex 命令。

05供应商配置

让 Codex 使用 Sub2API

如果已经按照上一篇教程通过 CCSwitch 导入 Sub2API,关闭所有 VS Code 窗口后重新打开,使 Codex 扩展读取最新配置。

  • CCSwitch 的 Codex 页面已启用 Sub2API BImage 供应商。
  • 请求地址来自 https://sub2api.bimage-sysu.com/
  • VS Code 已完全退出并重新启动。
插件与桌面版共用配置时无需重复填写

优先让 CCSwitch 管理配置,避免桌面版、CLI 和 VS Code 分别保存不同的地址和 Key。

06完成检查

发送一个不修改文件的任务

在 Codex 面板输入以下任务,验证它能读取当前工作区,但不会修改文件:

测试任务
请列出当前工作区的顶层文件,并用一句话说明项目类型。不要修改任何文件。

能够返回合理的文件列表说明插件、工作区权限和模型请求均已基本正常。

下一篇VS Code Remote-SSH 连接服务器