VS Code 插件安装教程

在 VS Code 内安装 Claude Code 与 Codex

从扩展面板开始搜索、安装官方插件,然后在右侧面板打开使用。教程里的图都按 VS Code 本体操作来标注,不走网页 Marketplace。

01

打开入口

在 VS Code 左侧打开扩展面板

  • 打开 VS Code,点击左侧活动栏的扩展图标。
  • 也可以使用快捷键 Ctrl + Shift + X 直接进入扩展商店。
在 VS Code 左侧打开扩展面板 扩展入口 搜索框
02

安装 Claude Code

搜索 Claude Code,选择 Anthropic 官方插件

  • 在扩展搜索框输入 Claude Code。
  • 选择 Claude Code for VS Code,发布者为 Anthropic。
  • 如果还没安装,点击插件行或详情页里的 Install / 安装按钮。已安装的机器上,这个位置会显示更新、禁用或卸载。
搜索 Claude Code,选择 Anthropic 官方插件 Claude Code for VS Code 按钮位置
03

安装 Codex

搜索 Codex,选择 OpenAI 官方插件

  • 在同一个扩展搜索框输入 Codex。
  • 选择 Codex - OpenAI's coding agent,发布者为 OpenAI。
  • 点击 Install / 安装。安装完成后,VS Code 右侧面板会出现 Codex 入口。
搜索 Codex,选择 OpenAI 官方插件 Codex - OpenAI's coding agent 按钮位置
04

打开插件

安装后在 VS Code 右侧切换 Claude Code / Codex

  • 插件安装完成后,在 VS Code 右侧面板顶部可以看到 CLAUDE CODE 和 CODEX 标签。
  • 点击对应标签,就能在当前 VS Code 工作区内打开 Claude Code 或 Codex。
安装后在 VS Code 右侧切换 Claude Code / Codex Claude Code 标签 Codex 标签
05

开始使用

在 Codex 面板输入任务并发送

  • 在底部输入框写下你的编程任务或问题。
  • 确认权限模式后,点击右下角发送按钮开始运行。
在 Codex 面板输入任务并发送 输入任务 发送
06

模型设置

右下角切换模型和推理强度

  • Codex 面板右下角可以切换模型,例如 5.5、5.4 等。
  • 旁边的推理强度可按任务复杂度选择,普通任务用默认或 medium,复杂任务再调高。
右下角切换模型和推理强度 模型 推理强度
检查点:Claude Code 的官方插件发布者是 Anthropic,Codex 的官方插件发布者是 OpenAI。搜索时优先看插件名称和发布者,避免装到同名第三方插件。