Claude Code for VS Code

✓ 官方

Anthropic 官方 IDE 扩展：带内联 diff 的侧边栏面板——让 Claude Code 以可视化方式直接运行在 VS Code 中，而不仅限于终端。

Claude Code for VS Code 是 Anthropic 官方扩展，它把 Claude Code CLI 以图形化面板的形式直接带入编辑器。登录后（Pro、Max、Team 或 Enterprise 账号即可，无需 API 密钥），后台会运行一个名为「ide」的本地 MCP 服务器：它绑定在 127.0.0.1 的一个随机端口上，每次连接都用新生成的认证令牌加以保护，并为 CLI 提供两个工具——一个读取 VS Code 问题面板中的诊断信息，另一个在活跃的 Jupyter 内核中执行代码（始终需要确认对话框）。此外，Claude 会自动将你选中的文本和当前打开文件的路径作为上下文。

当 Claude 提出修改建议时，会打开一个并排的 diff 视图，你可以接受、拒绝，或直接继续编辑。三种权限模式控制 Claude 拥有多大自由度：Manual（每次修改前都询问）、Plan（先以 Markdown 文档形式展示计划供你评论）以及 Edit automatically。面板可以自由拖放到侧边栏、编辑器标签页或独立窗口中，支持多个并行对话，并可通过 /mcp 管理你此前用 CLI 命令 claude mcp add 添加的外部 MCP 服务器。安装了 Claude in Chrome 扩展后，面板还能进一步控制浏览器（@browser ...）。据 VS Code Marketplace 数据，安装量已超过 2000 万。

🔧 SETUP

检查 VS Code 版本（至少需要 1.98.0）
安装扩展：按 Ctrl+Shift+X（Mac 上为 Cmd+Shift+X）打开扩展视图，搜索 "Claude Code" 并点击 Install——也可直接通过链接 vscode:extension/anthropic.claude-code
首次打开面板时点击 "Sign in"，在浏览器中完成授权（Pro/Max/Team/Enterprise 账号即可，无需 API 密钥）
通过编辑器工具栏中的 Spark 图标打开面板（打开文件时会出现），发送一个 prompt
可选：在集成终端中用 `claude mcp add` 添加 MCP 服务器，之后在面板中用 `/mcp` 管理

✅ 什么时候用？

在熟悉的编辑器中快速修复 bug

选中一个有问题的函数，按 Alt+K，描述这个 bug——Claude 会自动看到你的选区，并提出内联 diff 修改建议，你可以直接接受或拒绝。

构建前端并在浏览器中核对

安装了 Claude in Chrome 扩展后，在面板中输入 `@browser go to localhost:3000 and check the console for errors`——Claude 会立即实时测试自己的修改，你无需离开编辑器。

⛔ 什么时候不该用？

缺少仅限 CLI 的功能

根据文档，`!` bash 快捷方式、Tab 补全，以及并非所有斜杠命令，都只在终端 CLI 中可用，VS Code 面板中并未完全覆盖。

更好的选择: 如需完整功能，可额外单独安装 Claude Code CLI，并在集成终端中用 `claude` 启动。

不会自动加入 PATH

该扩展自带一份用于面板的 CLI 副本，但不会把 `claude` 加入终端的 PATH。

更好的选择: 如果需要在终端中直接调用 `claude`，请单独完成独立 CLI 的安装。