Visual Studio Code

VS Code 扩展（测试版）

VS Code 扩展让您能够通过集成在 IDE 中的原生图形界面实时查看 Claude 的更改。

功能

• 原生 VS Code 界面
• 实时代码更改预览
• 差异查看器集成
• 选择上下文共享

要求

• Visual Studio Code 1.80+
• Claude Code 已安装

安装

从 Visual Studio Code 扩展市场下载并安装扩展。

工作原理

安装后：

1. 点击编辑器侧边栏中的 Spark 图标打开 Claude Code 面板
2. 以与在终端中相同的方式提示 Claude Code
3. 观看 Claude 分析您的代码并建议更改
4. 直接在界面中查看和接受编辑

使用第三方提供商（Vertex 和 Bedrock）

在 VS Code 扩展设置中配置环境变量：

1. 打开 VS Code 设置
2. 搜索"Claude Code: Environment Variables"
3. 添加所需的环境变量

变量	描述
CLAUDE_CODE_USE_BEDROCK	启用 Amazon Bedrock 集成
CLAUDE_CODE_USE_VERTEX	启用 Google Vertex AI 集成
ANTHROPIC_API_KEY	第三方访问的 API 密钥
AWS_REGION	Bedrock 的 AWS 区域
CLOUD_ML_REGION	Vertex AI 的区域

尚未实现

以下功能在 VS Code 扩展中尚未提供：

• MCP 服务器管理
• 某些高级配置选项

旧版 CLI 集成

我们发布的第一个 VS Code 集成允许在终端中运行的 Claude Code 与您的 IDE 交互。

功能：

• 选择上下文共享
• 在 IDE 中查看差异
• 文件引用快捷键（Mac 上的 Cmd+Option+K）
• 自动诊断共享

使用方法

从 VS Code 的集成终端运行 claude，所有功能都会激活。

对于外部终端，使用 /ide 命令将 Claude Code 连接到您的 VS Code 实例。

配置

运行 claude，输入 /config，并将差异工具设置为 auto 以进行自动 IDE 检测。

安全考虑

当 Claude Code 在 VS Code 中运行且启用了自动编辑权限时，它可能能够修改 IDE 配置文件。

在 VS Code 中运行时，请考虑：

• 对编辑使用手动批准模式
• 特别小心确保 Claude 仅与受信任的提示一起使用

故障排除

扩展未安装

• 确保 VS Code 版本兼容
• 尝试重新安装扩展

旧版集成不工作

• 确保从项目根目录运行 Claude Code
• 完全重启 VS Code