Skip to main content
Claude Code 提供了 VS Code 扩展,让你在编辑器内直接与 Claude 交互编程。

前置条件

安装扩展

  1. 打开 VS Code
  2. 进入扩展市场(macOS: Cmd+Shift+X / Windows: Ctrl+Shift+X
  3. 搜索 anthropic.claude-code
  4. 点击 安装

配置

Claude Code VS Code 扩展读取系统环境变量,配置方式与 CLI 相同。

方式一:设置环境变量(推荐)

在终端执行:
配置完成后需要完全退出并重新打开 VS Code。
macOS 用户如果从 Dock 启动 VS Code,可能读取不到环境变量。建议从终端执行 code 命令启动。

方式二:通过 VS Code 设置

在插件页,点击设置图标,再点击设置,如下图
点击设置后,再点击在 settings.json 中编辑,如下图
把下面代码加到 settings.json

使用

  1. 在 VS Code 侧边栏点击 Claude Code 图标
  2. 点击 +New seesion 开启新的对话窗口
  3. 在对话框中输入你的编程需求
  4. Claude 会直接在你的项目中读取和编辑代码

常见问题

如果两处都配置了,settings.json 中的 claudeCode.environmentVariables 会覆盖系统环境变量。建议只保留一种配置方式,避免混淆。
遇到其他问题?请参考 常见问题