Tracks
AI 编码助手大致分为两类:一类是对您的按键进行联想补全的自动补全引擎;另一类是能对您的代码库进行推理、跨文件规划改动、运行测试,并返回供您审阅的差异补丁的系统。Claude Code 明确属于第二类。
Anthropic 将 Claude Code 描述为“一个具备代理能力的编码工具,能够读取您的代码库、编辑文件、运行命令,并与您的开发工具集成”。该VS Code 扩展将这种工作流直接引入 IDE,用行内 diff 与方案审阅取代在终端的来回切换,让您看到代理实际改动了什么。如果您想先了解更大图景,我们的Claude Code教程涵盖了完整的终端工作流。
在继续之前,先澄清一点:当前“VS Code 中的 Claude”可能指三件不同的事。其一是原生的 Claude Code 扩展(本文讨论的内容);其二是通过 GitHub Copilot 模型选择器提供的 Claude 模型(完全不同的产品);其三是在 VS Code 集成终端中运行 claude CLI。关于与 Copilot 的区别,我会在单独一节再谈。
本文将介绍扩展的工作原理、安装步骤、权限模式、多文件工作流、调试与重构模式、与终端及 GitHub Copilot 的比较,以及安全取舍。关于更广泛的 CLI 视角,请参阅我们的Claude Code 概览与CLI 工作流指南。
要点速览
-
原生的 Claude Code VS Code 扩展捆绑了 CLI,并通过本地
ideMCP 服务器连接,实现行内 diff、诊断和方案审阅。 -
从 VS Code Marketplace 安装 Anthropic 扩展,用 Pro 或更高级别账号登录,打开项目文件即可看到火花图标。
-
利用权限模式(默认、plan、
acceptEdits、auto)控制 Claude 在编辑文件或运行命令前需要征询的程度。 -
该扩展在多文件重构与并排 diff 审阅方面表现突出;而基于管道的工作流与完整斜杠命令则仍以集成终端为佳。
-
Claude Code 面向任务而非按键自动补全。如果您既想要行内补全又想要代理式编辑,可与 GitHub Copilot 搭配使用。
Claude Code VS Code 扩展的工作原理
Claude Code VS Code 扩展是在 Claude Code CLI 之上叠加的图形面板。安装时会一并包含 CLI,无需另行管理。
扩展激活后,会运行一个名为MCP 的本地 ide 服务器,CLI 会自动连接到该服务。正是这条连接,让代理能够在 VS Code 原生差异查看器中打开 diff、读取您当前的选区,并在确认步骤后执行 Jupyter notebook 单元。
火花图标是您从编辑器访问 Claude Code 的入口。它会出现在三个位置:编辑器工具栏(右上角,仅在打开文件时)、左侧边栏的活动栏,以及右下角状态栏。最后一个位置即使未打开文件也可使用。
发送提示后,Claude 会读取相关文件,以并排 diff 的形式提出更改,并在写入任何内容前等待您的批准。权限模式控制其询问程度,我会在功能部分详细说明。
如何在 VS Code 中设置 Claude Code
您需要 VS Code 1.98.0 或更高版本,以及一个 Anthropic 账号。使用原生安装包无需单独安装 Node.js。
开始前请确认您的套餐。Claude Code 不适用于免费套餐。您至少需要 Pro($20/月),其中包含 Sonnet 4.6。如果预计全天高频使用,Max 5x 套餐($100/月)会提升使用上限。
安装步骤如下:
-
在 Mac 上按
Cmd+Shift+X,或在 Windows/Linux 上按Ctrl+Shift+X打开扩展视图。 -
搜索“Claude Code”,并安装由 Anthropic 发布的扩展。

VS Code 市场中的 Claude Code 扩展列表。图片由作者提供。
安装完成后,打开一个项目文件。首次启动会打开浏览器进行登录;如果您已在该浏览器中登录 Anthropic,过程会很快。
认证完成后,火花图标会出现在编辑器工具栏。如果没有,请确认您打开的是文件而不仅是文件夹。若仍未出现,可在命令面板运行“Developer: Reload Window”,或暂时禁用 Cline 或 Continue 等其他 AI 扩展,因为它们可能产生冲突。
Mac 与 Linux 用户可跳过本段。如果您打算在 Windows 的集成终端中使用 CLI 功能,需要先安装 Git for Windows。Claude Code 也无法在 VS Code 的受限模式下工作;将工作区切换为受信任即可。
项目记忆与 CLAUDE.md 的工作方式
安装后,请在项目根目录创建一个 CLAUDE.md 文件。Claude 会在每次会话开始时读取这个纯 Markdown 文件,让您无需反复解释架构或编码规范。
在提示框运行 /init,Claude 会通过分析您的代码库生成一个初始CLAUDE.md。它会提取构建命令、测试说明及可推断的约定。但它无法自行得知例如需要避免哪些模式,或那些仅存在于团队成员脑海中的架构决策。
在 VS Code 中,Claude Code 能做什么
该扩展涵盖了 Claude Code 的大部分能力。

Claude Code 的权限模式,从最低到最高自治。图片由作者提供。
-
代码生成与讲解。用自然语言描述一个功能,Claude 会规划触及到的任意数量文件的实现。为理解不熟悉的代码,可输入
@后跟文件名或文件夹路径。Claude 使用模糊匹配,因此@auth会匹配到AuthService.ts、auth.js,以及其他与该名称接近的项。
-
多文件编辑与 diff 审阅。每项建议更改都会在 VS Code 的差异查看器中以并排对比呈现,且在 Claude 写入之前显示。红色表示删除,绿色表示新增。您可以按文件接受或拒绝。目前尚不能在同一文件内按 hunk 粒度批准(该功能已被请求,但截至 2026 年 7 月尚未实现),若只想部分接受,需要先全部接受,再手动回滚不需要的部分。
-
测试生成。让 Claude 为一个模块编写测试、运行并修复失败,均可在一次会话中完成。
-
调试。粘贴错误信息或描述症状。扩展运行了一个 IDE MCP 服务器,暴露出
mcp__ide__getDiagnostics,这意味着 Claude 可以直接读取 VS Code 的问题面板。红色波浪线无需复制粘贴就已对其可见。使用@terminal:name以同样方式将终端输出拉入提示。
-
重构、git 工作流与代码评审。Claude 能处理跨文件的协同改动,撰写提交信息与 PR 描述,
/code-review命令会审计您的代码问题。向项目根目录添加REVIEW.md文件可自定义检查项。
权限模式会影响上述一切。在默认模式下,Claude 每次操作前都会询问。切换到plan 模式后,Claude 会读取代码库、提出澄清问题,并把完整实现方案写成一个 Markdown 文档,由 VS Code 打开供您审阅。未经您的批准不会更改任何内容。对于涉及超过少量文件的任务,建议使用该模式。
自动接受模式(acceptEdits)会跳过逐次编辑的批准,让 Claude 无需暂停即可写入;在您对方向已有把握时很有用。
Auto 模式完全移除提示,使用后台分类器;这是一项仅向团队版、企业版与 API 套餐开放的研究预览,且需要 Sonnet 4.6、Opus 4.6或更高版本。在 VS Code 中,您还需要在扩展设置里打开“允许危险地跳过权限”(Allow dangerously skip permissions),auto 模式才会出现在模式选择器中。
在 VS Code 中用 Claude Code 进行多文件变更
多文件工作最能体现编辑器集成的价值。在终端中审阅更改意味着在彩色文本中滚动查阅;在 VS Code 中,每个文件都有自己的 diff 标签页。对于触及 15 个文件的重构,在编辑器内逐一检查,往往决定了您能否真正发现错误,而不是在疲惫时对一份 diff 走个过场。
Claude 以项目为单位工作。重命名一个函数,它会找到每一个调用点。
如前文功能部分所述,plan 模式适合较大的变更。有个细节当时略过:Claude 会先运行探索性命令,并将完整方案保存到文件。您可先添加评论,再进行任何写入。即便我最终改动了大部分方案,我依然觉得这份书面方案很有用。
对于聚焦上下文,请使用带行号范围的@ 提及:@app.ts#5-10 会让 Claude 聚焦在特定区域。按住 Shift 并将文件拖入提示框会将其作为附件添加;在 Mac 上使用 Option+K(或在 Windows/Linux 上用 Alt+K)可直接插入您当前文件与选区的 @ 提及。
值得掌握的 VS Code 快捷键
这些快捷键来自Anthropic 的 VS Code 扩展文档,涵盖我在面板中最常用的组合。
| 操作 | Mac | Windows/Linux |
|---|---|---|
| 在编辑器与 Claude 间切换焦点 | Cmd+Esc |
Ctrl+Esc |
| 在新的编辑器标签页中打开 Claude | Cmd+Shift+Esc |
Ctrl+Shift+Esc |
| 为当前文件/选区插入 @ 提及 | Option+K |
Alt+K |
| 在不发送提示的情况下换行 | Shift+Enter |
Shift+Enter |
| 重新打开上一个关闭的 Claude 会话标签页 | Cmd+Shift+T |
Ctrl+Shift+T |
权限模式的循环切换仍在 CLI 中进行:在集成终端按 Shift+Tab 可在默认、plan 与 accept-edits 模式之间切换。完整的斜杠命令集合,请参阅我们的Claude Code 斜杠命令指南。
检查点会在整个会话中跟踪 Claude 对文件的编辑。将鼠标悬停在会话中的任意消息上即可显示回退按钮。选项包括:在保留代码更改的同时分叉会话、在保留会话历史的同时回滚代码,或两者兼顾。检查点保留 30 天。它们不跟踪 bash 命令:rm、mv 与 cp 不在检查点系统内。对于任何破坏性操作,Git 仍是更可靠的安全网。
在 VS Code 中使用 Claude Code 进行调试与重构
两种工作流遵循相同步骤:提供上下文、审阅建议更改、验证结果。难点在于如何收集合适的上下文。
调试
通过直接粘贴错误、用 @terminal:name 引用终端输出,或让 Claude 通过 mcp__ide__getDiagnostics 从问题面板中拉取信息来共享错误。Claude 会追踪根因、以 diff 形式提出修复方案,然后由您运行测试进行验证。
Claude Code 未与 VS Code 原生调试器集成:没有断点、单步、实时变量。通过粘贴错误与读取诊断的方式已能覆盖大多数情形。如果您确实需要调试器,社区有一个 MCP 服务器(GitHub 上的 claude-debugs-for-you)可以填补空白,但需要单独配置。
对于 Web 的实时调试, @browser 可通过Chrome 版 Claude 扩展(1.0.36 或更高版本)把 Claude 连接到 Chrome。像 @browser go to localhost:3000 and check the console for errors 这样的提示可以让 Claude 检查实时浏览器状态,而无需您切换窗口。
重构
Claude 擅长处理跨文件的协同变更:在大型代码库中重命名函数、在库之间迁移等。diff 审阅步骤能避免其“鲁莽行事”。
本文任何部分中, CLAUDE.md 的重要性在此处最为突出。若没有加载项目特定的约定,Claude 会默认采用其从代码库中推断的模式,而这可能与您的真实期望不符。如在设置部分所述,/init 会给出一个起始文件;在进行大型重构会话前花十分钟精炼它是值得的。
上下文压缩是长会话中的实际限制。当上下文窗口被填满后,Claude 会通过总结较早的对话来自动压缩,此后可能会遗忘早先的决策。在开始新阶段前手动运行 /compact,比等待自动压缩在任务中途触发更可预测。
VS Code 中的 Claude Code 与终端工作流对比
Anthropic 的文档称 VS Code 扩展是“在 VS Code 中使用 Claude Code 的推荐方式”。该扩展带来了终端无法提供的功能:并排 diff 查看器、以 Markdown 文档呈现且可编辑的方案审阅、多会话分标签页,以及用于实时 Web 调试的 @browser。
但在能力上,终端更胜一筹。 ! bash 快捷、Tab 补全、完整斜杠命令集合,以及诸如 tail -200 app.log | claude -p "..." 这类基于管道的工作流都是 CLI 独有。MCP 服务器的配置也仅能在终端完成。在扩展中,您可以用 /mcp 管理已有服务器,但无法新增。
两者并不互斥。在 VS Code 集成终端中运行 claude 依然能获得 IDE 集成:diff 查看、选区上下文共享与诊断共享均可工作。于扩展中启动的会话可以通过 claude --resume 在终端中继续。需要强制 CLI 连接 VS Code 的 diff 查看器与诊断桥接时,可在集成终端运行 claude --ide。
多数开发者会两者兼用:VS Code 处理多文件与细致审阅,终端用于快任务与自动化。也有人全程停留在终端,说实话也完全可行。如果您更偏好 Cursor 而非 VS Code,我们的Cursor 中的 Claude Code 指南也涵盖了相同的扩展工作流。不论如何,我们的完整 CLI 工作流都值得了解。
VS Code 中的 Claude Code 与 GitHub Copilot 对比
正如开头所述,“VS Code 中的 Claude”可能指原生扩展、通过GitHub Copilot 模型选择器访问的 Claude,或是集成终端中的 CLI。原生扩展与 Copilot 共用模型,但并非同一产品,而且工作方式截然不同。
在 Copilot 里,Claude 模型运行在 GitHub 的聊天与补全范式中:无本地操作系统沙箱、无自定义 MCP 集成、无原生终端命令。在 Claude Code 扩展中,相同模型可使用多达 100 万 token 的上下文窗口、可跨文件执行任务,并可使用检查点、plan 模式与 MCP 服务器。
二者适配的工作不同。Copilot 的核心是行内自动补全。Claude Code 完全不做自动补全。Copilot 的代理模式进步很大,但在社区基准中,处理跨多文件的任务往往稍显滞后。并无绝对孰优孰劣。

原生扩展与 Copilot:同一模型,不同体验。图片由作者提供。
关于价格:Copilot Pro 为 $10/月,含 300 次高级请求。Claude Code Pro 为 $20/月。许多同时使用二者的开发者会选择 $10 的 Copilot(输入时自动补全)加 $20 的 Claude Code(更审慎、规模更大的任务)。两者覆盖工作流的不同环节,重叠不多。Anthropic 也与 GitHub 合作将 Claude 模型引入 Copilot,以承担自动补全一侧。
安全与隐私考量
Anthropic 不会使用您的代码来训练 Claude 模型。Free、Pro 与 Max 用户可在账号设置中选择退出数据日志;Team、Enterprise 与 API 计划默认不记录。关于权限模式、MCP 服务器与沙箱等超出 VS Code 表层的细节,请参阅我们的Claude Code 安全指南。
不论何种模式,以下路径始终受保护:.git、.vscode、.idea、.husky 与 .claude(其自身工作子目录除外),以及 .gitconfig、.gitmodules,以及若干 shell 与工具配置文件。这在自动接受模式下尤为重要,该模式在写入时不暂停,可能会修改 settings.json 与 tasks.json。提交前请检查 git diff。
沙箱会将 bash 命令限制在您的工作目录内,并阻止未授权的网络访问。默认关闭;可用 /sandbox 打开。
Auto 模式以分类器取代逐操作批准,在执行前审查动作,阻止诸如批量删除文件、向未授权端点发送数据,以及对 main 的强制推送等。Anthropic 将其描述为 --dangerously-skip-permissions 的更安全替代方案。
本地会话记录以明文存储在 ~/.claude/projects/ 下,保留 30 天(可通过 cleanupPeriodDays 调整)。在 Amazon Bedrock、Google Vertex AI 或 Microsoft Foundry 的企业部署遵循各自提供商的数据条款。Auto 模式不适用于这些提供商;它需要直接使用 Anthropic API。
VS Code 扩展常见问题排查
大多数安装问题都集中在少数几类。我几乎都遇到过。
-
缺少火花图标:请打开一个实际的文件,而不仅是文件夹。可在命令面板点击(
Developer: Reload Window)重载窗口,或点击右下角状态栏中的火花入口,即使未打开文件也可使用。 -
扩展冲突:若 Claude Code 无法激活,请暂时禁用其他 AI 扩展(如 Cline、Continue 等)。
-
受限模式:Claude Code 无法在 VS Code 的受限模式下运行。请将工作区标记为受信任。
-
Windows 文件锁定:若在大型多文件会话中途写入失败,请折叠资源管理器面板并暂停活动调试器。
-
macOS Tahoe 的
Cmd+Esc冲突:系统的游戏覆盖层可能会拦截Cmd+Esc。若焦点切换失效,请在 VS Code 键盘快捷键(Cmd+K Cmd+S)中重新绑定Claude Code: Focus input。 -
使用 Bedrock 或 Vertex 登录而非 Anthropic:您可以将 Claude Code 指向云提供商的端点。我们的本地与替代模型设置指南介绍了非订阅路径。
如以上方法均无效,Anthropic 维护了专门的故障排除指南。
限制与取舍
该扩展是 CLI 的子集。如在终端对比部分所述,Tab 补全、 ! bash 快捷与基于管道的工作流都仅在 CLI 可用,dontAsk 模式用于 CI 流水线也只在 CLI 中可用。
后台任务的可见性有限;对于需要密切观察的任务,集成终端更为透明。
批准是按文件进行而非按 hunk:如果 Claude 在同一文件中某个函数改对了、另一个改错了,您需要全部接受,再手动回滚不需要的部分。
用量限制是大多数 Pro 用户最先遇到的痛点。速率限制按滚动时间窗计算,而非按消息,且在高峰时段消耗更快。偶尔使用 Pro 足够;若全天工作,Max 5x 或 Max 20x 更为现实。不建议依赖社区估算;Anthropic 未公布精确计数,且可能变化。
在 Windows 上,VS Code 的项目资源管理器与 Claude 的写入操作之间的文件锁定问题比在 macOS 或 Linux 上更常见。大型多文件会话前折叠资源管理器面板并暂停活动调试器通常能避免此问题。
结语
VS Code 中的 Claude Code 是以任务为中心、审阅优先的编码代理。diff 查看器、plan 模式与检查点的存在,都是因为弄清代理实际改了什么,比尽快得到初稿更重要。
终端工作流不会消失;对于脚本化、自动化或偏 CLI 的工作,它仍是更好的界面。但如果您的工作需要在落地前逐条阅读每个提议的更改,那么编辑器更契合。
Claude Code 每周都会更新,因此文中的部分内容会较快过时。我们的Claude Code 最佳实践与Claude Code 2.1 指南是保持更新的良好后续。若您看到的与本文不符,请先查看官方更新日志。
如果您想系统化地练习 Claude 模型与代理工作流,推荐我们的Introduction to Claude Models 课程。
常见问题
在使用 VS Code 扩展前,我需要单独安装 CLI 吗?
不需要。该扩展已包含 CLI,并会为您完成安装。您无需先单独运行安装命令。
我可以在免费套餐下于 VS Code 使用 Claude Code 吗?
不可以。Claude Code 至少需要 Pro 订阅($20/月)。免费套餐完全不包含 Claude Code 访问权限。
作为 Pro 或 Max 订阅用户,我可以使用 Auto 模式吗?
暂不可以。截止 2026 年 4 月,Auto 模式是研究预览,仅向团队版、企业版与 API 套餐开放。Pro 与 Max 用户无资格。在团队版与企业版中,还需管理员先在 Claude Code 管理设置中启用,然后个人用户才能开启。
VS Code 中的 Claude Code 是否像 GitHub Copilot 一样提供行内自动补全?
不支持。Claude Code 不做按键级自动补全。它是面向任务的:您描述需求,它跨文件规划并执行,随后由您审阅结果。
我的代码会怎样处理?Anthropic 会用它来训练吗?
Anthropic 不会使用您的代码来训练 Claude 模型。个人账户(Free、Pro、Max)也可在账户设置中完全选择退出数据日志。
为什么 VS Code 中没有显示火花图标?
请打开一个项目的文件,而非仅打开文件夹。编辑器工具栏中的火花图标只有在打开文件时才会出现。您也可以点击右下角状态栏中的火花条目,或在命令面板运行 Developer: Reload Window。若面板仍无法加载,请禁用 Cline 或 Continue 等可能冲突的 AI 扩展。
我能在 Cursor 中使用 Claude Code 吗?
可以。Cursor 是 VS Code 的一个分支,相同的 Anthropic Claude Code 扩展也可在其中安装。面板布局与快捷键的行为一致。我们的 Cursor 中的 Claude Code 指南涵盖了该编辑器的特定设置。