Claude Code 在 VS Code 里安装后,就能用原生面板、内联 diff、@文件引用、会话历史和多个对话标签直接写代码、审查改动、排查问题。先确认 VS Code 版本不低于 1.98.0,再登录 Anthropic 账户;如果看不到 Spark 图标,通常是没打开文件、窗口未重载或被其他扩展冲突。

Claude Code VS Code 扩展怎么安装和配置

Claude Code VS Code 扩展提供原生图形界面,直接集成到 IDE 里,是在 VS Code 中使用 Claude Code 的推荐方式。它支持在接受前审查计划、自动接受编辑、用选中文本或 @file.ts#5-10 引用上下文、查看会话历史,以及在不同标签页或窗口中打开多个会话。

安装要求

安装前请确认:

  • VS Code 1.98.0 或更高版本
  • 一个 Anthropic 账户(首次打开扩展时登录)。如果你使用 Amazon Bedrock 或 Google Vertex AI,改看使用第三方提供商

扩展包含 CLI(命令行接口),你可以在 VS Code 的集成终端里使用它来调用高级功能。细节见VS Code 扩展与 Claude Code CLI 的区别

安装扩展

直接点击对应 IDE 的安装链接:

或者在 VS Code 中按 Cmd+Shift+X(Mac)或 Ctrl+Shift+X(Windows/Linux)打开扩展视图,搜索 Claude Code,然后点击 Install

这个扩展也能安装到 Windsurf、Kiro 这类 VS Code 分支里。你可以在编辑器的扩展视图里搜索 Claude Code,或者从 Open VSX registry 安装。如果你的编辑器无法安装扩展,直接在它的集成终端里运行 claude 即可。CLI 可在任何终端中使用。

如果安装后没有出现扩展,重启 VS Code,或者在命令面板里运行 Developer: Reload Window

快速开始

安装完成后,可以直接通过 VS Code 界面开始使用 Claude Code:

打开 Claude 面板

整个 VS Code 中,Spark 图标都表示 Claude Code:Spark icon

最快的打开方式是点击编辑器右上角 Editor Toolbar 里的 Spark 图标。这个图标只有在打开了文件时才会显示。

VS Code editor showing the Spark icon in the Editor Toolbar

打开 Claude Code 的其他方式:

  • Activity Bar:点击左侧边栏里的 Spark 图标,打开会话列表。点击任意会话可把它作为完整编辑器标签页打开,也可以新建一个会话。这个图标始终可见。
  • Command Palette:按 Cmd+Shift+P(Mac)或 Ctrl+Shift+P(Windows/Linux),输入 Claude Code,然后选择例如 Open in New Tab 的命令
  • Status Bar:点击窗口右下角的 ✱ Claude Code。即使没有打开文件,这个入口也可用

你可以拖动 Claude 面板,把它放到 VS Code 的任意位置。具体方式见自定义工作流

首次登录

第一次打开面板时,会出现登录界面。点击 Sign in,然后在浏览器里完成授权。

如果后面看到 Not logged in · Please run /login,扩展通常会自动重新打开登录界面。如果没有自动出现,在命令面板里运行 Developer: Reload Window

如果你的 shell 里已经设置了 ANTHROPIC_API_KEY,但 VS Code 仍然要求登录,说明 VS Code 可能没有继承 shell 环境。用终端启动 VS Code:code .,让它继承环境变量;或者直接登录 Claude 账户。

登录后会出现 Learn Claude Code 清单。你可以逐项点击 Show me 跟着看,也可以点右上角的 X 关闭。之后如果想重新打开,到 VS Code 设置里进入 Extensions → Claude Code,取消勾选 Hide Onboarding

发送提示

你可以让 Claude 帮你解释代码、排查问题,或者直接修改文件。

Claude 会自动读取你选中的文本。按 Option+K(Mac)或 Alt+K(Windows/Linux)还能把一个 @ 引用插入到提示里,比如 @file.ts#5-10

下面是一个针对文件中某一行提问的示例:

VS Code editor with lines 2-3 selected in a Python file, and the Claude Code panel showing a question about those lines with an @-mention reference

审查 Claude 的改动

当 Claude 想修改文件时,会先显示原始内容和建议修改的并排对比,然后询问你是否允许。你可以接受、拒绝,或者让 Claude 按别的方式改。

如果你在 diff 视图里、还没接受之前就直接改了建议内容,Claude 会被告知你已经修改过它,不会再假定文件仍然和原始方案一致。

VS Code showing a diff of Claude's proposed changes with a permission prompt asking whether to make the edit

想了解更多能做什么,可以看Common workflows

也可以在命令面板运行 Claude Code: Open Walkthrough,查看基础功能的引导流程。

使用提示框

提示框支持这些功能:

  • 权限模式:点击提示框底部的模式指示器切换模式。普通模式下,Claude 每次动作前都会请求权限。计划模式下,Claude 会先描述准备做什么并等待批准,VS Code 会把计划作为完整 Markdown 文档打开,你可以在 Claude 开始前直接添加行内评论。自动接受模式下,Claude 会直接修改,不再逐步询问。默认模式可在 VS Code 设置里的 claudeCode.initialPermissionMode 配置。
  • 命令菜单:点击 / 或输入 / 打开命令菜单。这里可以附加文件、切换模型、切换 extended thinking、查看计划用量(/usage)、启动 Remote Control 会话(/remote-control)。Customize 区域里还能访问 MCP servers、hooks、memory、permissions 和 plugins。带终端图标的项目会在集成终端中打开。
  • 上下文指示器:提示框会显示 Claude 当前用了多少上下文窗口。Claude 会在需要时自动压缩,也可以手动运行 /compact
  • extended thinking:让 Claude 在复杂问题上花更多时间推理。可以通过命令菜单(/)切换。Claude 的推理过程会以折叠块形式出现在对话里:点开单个块可以查看,或者按 Ctrl+O 展开或折叠当前会话里的所有 thinking 块。详见Extended thinking
  • 多行输入:按 Shift+Enter 可以换行而不发送。这在问题对话框里的“Other”自由文本输入框中也适用。

引用文件和文件夹

@ 提及可以把特定文件或文件夹上下文交给 Claude。输入 @ 再接文件名或文件夹名时,Claude 会读取对应内容,并据此回答问题或执行修改。Claude Code 支持模糊匹配,所以你可以输入部分名字来找目标:

> Explain the logic in @auth (fuzzy matches auth.js, AuthService.ts, etc.)
> What's in @src/components/ (include a trailing slash for folders)

对于很大的 PDF,你可以让 Claude 只读指定页,而不是整个文件:单页、页码范围(如 pages 1-10),或者开放范围(如 page 3 onward)。

在编辑器里选中文本后,Claude 会自动看到你高亮的代码。提示框底部会显示选中了多少行。按 Option+K(Mac)或 Alt+K(Windows/Linux)可以插入一个带文件路径和行号的 @ 引用,例如 @app.ts#5-10。点击选区指示器,可以切换 Claude 是否能看到你高亮的文本;眼睛划线图标表示已对 Claude 隐藏。

你也可以在拖动文件到提示框时按住 Shift,把它们作为附件添加。点击任一附件上的 X 可把它从上下文中移除。

恢复过去的对话

点击 Claude Code 面板顶部的 Session history 按钮,就能查看会话历史。你可以按关键词搜索,也可以按时间浏览(Today、Yesterday、Last 7 days 等)。点击任意会话即可带着完整消息历史继续。新会话会根据第一条消息自动生成标题。把鼠标悬停在会话上,会出现重命名和删除操作:重命名可改成更清晰的标题,删除会把它从列表中移除。关于恢复会话的更多内容,见Manage sessions

恢复来自 Claude.ai 的远程会话

如果你使用 Claude Code on the web,可以直接在 VS Code 中恢复那些远程会话。这需要用 Claude.ai Subscription 登录,而不是 Anthropic Console。

  1. 点击 Claude Code 面板顶部的 Session history 按钮。
  2. 对话框里会有两个标签页:Local 和 Remote。点击 Remote 查看来自 claude.ai 的会话。
  3. 浏览或搜索你的远程会话。点击任意会话即可下载它,并在本地继续对话。

只有从 GitHub 仓库启动的 web 会话才会出现在 Remote 标签页里。恢复时只会把对话历史加载到本地,不会把改动同步回 claude.ai

自定义工作流

上手后,你可以重新摆放 Claude 面板、同时运行多个会话,或者切到终端模式。

Claude 放在哪更合适

你可以拖动 Claude 面板,把它放到 VS Code 的任意位置。抓住面板标签页或标题栏拖到这里:

  • Secondary sidebar:窗口右侧,写代码时还能一直看到 Claude
  • Primary sidebar:窗口左侧,和 Explorer、Search 等视图放在一起
  • Editor area:作为标签页打开,和文件并排处理副任务

主会话建议放在侧边栏,额外任务再打开其他标签页。Claude 会记住你上次选的位置。Activity Bar 里的会话列表图标和 Claude 面板图标不是同一个东西:会话列表图标始终显示在 Activity Bar 里,而 Claude 面板图标只有在它停靠到左侧边栏时才会出现在那里。

同时运行多个对话

可以从命令面板选择 Open in New TabOpen in New Window,启动额外的对话。每个对话都有自己独立的历史和上下文,适合并行处理不同任务。

在标签页模式下,Spark 图标上的小圆点会显示状态:蓝色表示有待处理的权限请求,橙色表示 Claude 在标签页隐藏时已经完成任务。

切换到终端模式

默认情况下,扩展打开的是图形聊天面板。如果你更喜欢 CLI 风格的界面,可以打开 Use Terminal 设置 并勾选。

也可以在 VS Code 设置里(Mac 用 Cmd+,,Windows/Linux 用 Ctrl+,)进入 Extensions → Claude Code,勾选 Use Terminal

管理插件

VS Code 扩展里自带一个图形界面,用来安装和管理 plugins。在提示框输入 /plugins,就会打开 Manage plugins 界面。

安装插件

插件对话框有两个标签页:PluginsMarketplaces

在 Plugins 标签页里:

  • 顶部显示已安装插件,可以用开关启用或禁用
  • 下方显示你已配置市场中的可用插件
  • 可以按名称或描述搜索插件
  • 点击任意可用插件的 Install

安装插件时,需要选择安装范围:

  • Install for you:在你所有项目里都可用(用户范围)
  • Install for this project:和项目协作者共享(项目范围)
  • Install locally:只对你可用,而且只在这个仓库里有效(本地范围)

管理市场

切换到 Marketplaces 标签页,可以添加或移除插件来源:

  • 输入 GitHub 仓库、URL 或本地路径,添加新的 marketplace
  • 点击刷新图标,更新某个 marketplace 的插件列表
  • 点击垃圾桶图标,移除某个 marketplace

修改后会出现提示条,要求你重启 Claude Code 以应用更新。

VS Code 里的插件管理底层使用的是同一套 CLI 命令。你在扩展里配置的 plugins 和 marketplaces,CLI 里也能用,反过来也一样。

更多关于插件系统的内容,见PluginsPlugin marketplaces

用 Chrome 自动化浏览器任务

你可以把 Claude 连接到 Chrome 浏览器,在 VS Code 里直接测试 Web 应用、查看控制台日志、自动执行浏览器流程。这个功能需要安装 Claude in Chrome 扩展 1.0.36 或更高版本。

在提示框输入 @browser,后面接要执行的操作:

@browser go to localhost:3000 and check the console for errors

你也可以打开附件菜单,选择特定的浏览器工具,比如新建标签页或读取页面内容。

Claude 会为浏览器任务打开新标签页,并共享你的浏览器登录状态,因此它可以访问你已经登录的网站。

安装步骤、完整能力列表和排查方式,见Use Claude Code with Chrome

VS Code 命令和快捷键

打开命令面板(Mac 用 Cmd+Shift+P,Windows/Linux 用 Ctrl+Shift+P),输入 Claude Code 就能看到 Claude Code 扩展的全部 VS Code 命令。

有些快捷键取决于当前哪个面板处于“聚焦”状态,也就是接收键盘输入。光标在代码文件里时,编辑器处于聚焦状态;光标在 Claude 提示框里时,Claude 处于聚焦状态。用 Cmd+Esc / Ctrl+Esc 可以在两者之间切换。

这里列的是控制扩展的 VS Code 命令。并不是所有内置 Claude Code 命令都能在扩展里使用。细节见VS Code 扩展与 Claude Code CLI 的区别

Command Shortcut Description
Focus Input Cmd+Esc (Mac) / Ctrl+Esc (Windows/Linux) 在编辑器和 Claude 之间切换焦点
Open in Side Bar - 在左侧边栏打开 Claude
Open in Terminal - 在终端模式打开 Claude
Open in New Tab Cmd+Shift+Esc (Mac) / Ctrl+Shift+Esc (Windows/Linux) 以编辑器标签页方式打开一个新对话
Open in New Window - 在独立窗口打开一个新对话
New Conversation Cmd+N (Mac) / Ctrl+N (Windows/Linux) 开始一个新对话。需要 Claude 处于焦点,并且 enableNewConversationShortcut 设为 true
Reopen Closed Session Cmd+Shift+T (Mac) / Ctrl+Shift+T (Windows/Linux) 重新打开最近关闭的 Claude 会话标签页。如果最近关闭的不是 Claude 会话,则回退到 VS Code 默认的重新打开关闭编辑器行为。可通过 enableReopenClosedSessionShortcut 关闭
Insert @-Mention Reference Option+K (Mac) / Alt+K (Windows/Linux) 插入当前文件和选区的引用(要求编辑器处于焦点)
Show Logs - 查看扩展调试日志
Logout - 退出 Anthropic 账户

从其他工具启动 VS Code 标签页

扩展注册了一个 URI 处理器:vscode://anthropic.claude-code/open。你可以通过 shell alias、浏览器书签脚本,或者任何能打开 URL 的工具,直接打开一个新的 Claude Code 标签页。如果 VS Code 还没启动,打开这个 URL 会先启动 VS Code;如果已经在运行,则会在当前聚焦的窗口里打开。

用你操作系统的 URL 打开方式调用即可。

open "vscode://anthropic.claude-code/open"
xdg-open "vscode://anthropic.claude-code/open"

在 PowerShell 中:

Start-Process "vscode://anthropic.claude-code/open"

cmd.exe 里,start 会把第一个带引号的参数当成窗口标题,所以要在 URL 前先传一个空标题:

start "" "vscode://anthropic.claude-code/open"

这个处理器支持两个可选查询参数:

参数 说明
prompt 预填到提示框里的文本,必须进行 URL 编码。只会预填,不会自动发送。
session 要恢复的会话 ID,而不是新建会话。该会话必须属于 VS Code 当前打开的 workspace。找不到时会回退到新会话。如果该会话已经在某个标签页打开,会直接切到那个标签页。要程序化获取 session ID,见 Continue conversations

例如,打开一个预填 review my changes 的标签页:

vscode://anthropic.claude-code/open?prompt=review%20my%20changes

如果你想启动的是终端会话,而不是 VS Code 标签页,要用 CLI 的 claude-cli:// 处理器。见 Launch sessions from links

配置设置

扩展有两类设置:

  • VS Code 中的扩展设置:控制扩展在 VS Code 里的行为。按 Cmd+,(Mac)或 Ctrl+,(Windows/Linux),进入 Extensions → Claude Code。也可以输入 /,选择 General Config 打开设置。
  • Claude Code 设置:位于 ~/.claude/settings.json,供扩展和 CLI 共享。用于允许命令、环境变量、hooks 和 MCP servers。细节见Settings

你可以在 settings.json 里加入 "$schema": "https://json.schemastore.org/claude-code-settings.json",这样在 VS Code 里就能获得所有可用设置的自动补全和行内校验。

扩展设置

Setting Default Description
useTerminal false 启动终端模式而不是图形面板
initialPermissionMode default 控制新对话的授权提示:defaultplanacceptEditsbypassPermissions。详见permission modes
preferredLocation panel Claude 打开的位置:sidebar(右侧)或 panel(新标签页)
autosave true Claude 读写文件前自动保存
useCtrlEnterToSend false 用 Ctrl/Cmd+Enter 代替 Enter 发送提示
enableNewConversationShortcut false 启用 Cmd/Ctrl+N 开始新对话
enableReopenClosedSessionShortcut true 使用 Cmd/Ctrl+Shift+T 重新打开最近关闭的 Claude 会话标签页。如果最近关闭的不是 Claude 会话,则执行 VS Code 默认的重新打开关闭编辑器命令
hideOnboarding false 隐藏引导清单(毕业帽图标)
respectGitIgnore true 文件搜索时排除 .gitignore 模式
usePythonEnvironment true 运行 Claude 时激活工作区的 Python 环境。需要 Python 扩展。
environmentVariables [] 为 Claude 进程设置环境变量。需要共享配置时,优先使用 Claude Code 设置。
disableLoginPrompt false 跳过认证提示(用于第三方提供商配置)
allowDangerouslySkipPermissions false 在模式选择器里增加 Auto mode 和 Bypass permissions。Auto mode 有 plan、admin、model 和 provider 要求,所以即使打开这个开关,也可能仍然不可用。Bypass permissions 只应在没有互联网访问的沙箱里使用。
claudeProcessWrapper - 用来启动 Claude 进程的可执行文件。如果有捆绑二进制,会把它的路径作为参数传入。若扩展构建不包含你平台的内置二进制,可把这里设成单独安装的 claude 二进制。

VS Code 扩展与 Claude Code CLI 的区别

Claude Code 同时提供 VS Code 扩展(图形面板)和 CLI(终端命令行)两种方式。某些功能只在 CLI 中可用。如果你需要 CLI 专属功能,可以在 VS Code 的集成终端里运行 claude

Feature CLI VS Code Extension
Commands and skills All Subset(输入 / 查看可用项)
MCP server config Yes Partial(可通过 CLI 添加;在聊天面板里用 /mcp 管理已有服务器)
Checkpoints Yes Yes
! bash shortcut Yes No
Tab completion Yes No

用检查点回退

VS Code 扩展支持 checkpoints,可以跟踪 Claude 的文件编辑并回退到之前的状态。把鼠标悬停在任意消息上会显示回退按钮,然后可以选这三种操作:

  • Fork conversation from here:从这条消息开始创建一个新的对话分支,同时保留所有代码改动
  • Rewind code to here:把文件改动回退到这一步,同时保留完整对话历史
  • Fork conversation and rewind code:同时新建对话分支并把代码回退到这一步

完整说明和限制见Checkpointing

在 VS Code 中运行 CLI

如果你想留在 VS Code 里同时使用 CLI,打开集成终端(Windows/Linux 用 Ctrl+` ,Mac 用 Cmd+` ),然后运行 claude。CLI 会自动和你的 IDE 集成,支持 diff 视图和诊断信息共享。

如果你使用的是外部终端,在 Claude Code 里运行 /ide 连接到 VS Code。

在扩展和 CLI 之间切换

扩展和 CLI 共享同一份会话历史。要在 CLI 中继续扩展里的对话,在终端运行 claude --resume。它会打开一个交互式选择器,你可以搜索并选择之前的会话。

在提示里包含终端输出

@terminal:name 在提示中引用终端输出,其中 name 是终端标题。这样 Claude 可以看到命令输出、错误信息或日志,不需要你手动复制粘贴。

监控后台进程

当 Claude 运行长时间命令时,扩展会在状态栏显示进度。但和 CLI 相比,后台任务的可见性有限。若想更清楚地观察,最好让 Claude 直接输出命令,然后你在 VS Code 的集成终端里手动运行。

用 MCP 连接外部工具

MCP(Model Context Protocol)服务器可以让 Claude 访问外部工具、数据库和 API。

要添加 MCP server,在集成终端(Ctrl+`Cmd+`)里运行 claude mcp add。下面的示例添加了 GitHub 的远程 MCP server,它通过 personal access token 作为请求头认证:

claude mcp add --transport http github https://api.githubcopilot.com/mcp/ \
  --header "Authorization: Bearer YOUR_GITHUB_PAT"

配置完成后,直接让 Claude 使用这些工具即可,比如输入“Review PR #456”。

如果想不离开 VS Code 管理 MCP server,在聊天面板输入 /mcp。MCP 管理对话框可以启用/禁用服务器、重新连接到服务器,以及管理 OAuth 认证。可用 server 列表见 MCP documentation

使用 git

Claude Code 和 git 集成得很紧密,可以直接在 VS Code 里帮你做版本控制相关工作。你可以让 Claude 提交代码、创建 pull request,或者跨分支工作。

创建提交和 pull request

Claude 可以帮你暂存改动、编写 commit message,并根据你的工作创建 pull request:

> commit my changes with a descriptive message
> create a pr for this feature
> summarize the changes I've made to the auth module

创建 pull request 时,Claude 会根据实际代码变更生成描述,也可以补充测试或实现决策的上下文。

使用 git worktrees 并行处理任务

使用 --worktree-w)参数,可以在一个隔离的 worktree 里启动 Claude,每个 worktree 都有自己的文件和分支:

claude --worktree feature-auth

每个 worktree 都保留独立的文件状态,同时共享 git 历史。这样多个 Claude 实例在处理不同任务时就不会互相干扰。更多细节见Run parallel sessions with Git worktrees

使用第三方提供商

默认情况下,Claude Code 直接连接 Anthropic 的 API。如果你的组织通过 Amazon Bedrock、Google Vertex AI 或 Microsoft Foundry 使用 Claude,就要把扩展配置成使用对应提供商:

  1. 打开 Disable Login Prompt setting 并勾选
  2. 按照你的提供商指南完成设置:

这些指南会说明如何在 ~/.claude/settings.json 中配置提供商,这样 VS Code 扩展和 CLI 之间就能共享设置。

安全与隐私

你的代码会保持私有。Claude Code 会处理你的代码来提供帮助,但不会用它来训练模型。关于数据处理以及如何选择退出日志记录,见 Data and privacy

如果启用了自动编辑权限,Claude Code 可能会修改 VS Code 的配置文件,比如 settings.jsontasks.json,而这些文件可能会被 VS Code 自动执行。处理不受信任的代码时,建议:

  • 对不受信任的工作区启用 VS Code Restricted Mode
  • 编辑时使用手动批准模式,而不是自动接受
  • 在接受前仔细检查变更

内置 IDE MCP server

扩展激活后,会运行一个本地 MCP server,CLI 会自动连接到它。CLI 在 VS Code 里打开 diff 视图、读取当前选区做 @ 提及,以及在 Jupyter notebook 中请求执行 cell,都是通过它完成的。

这个 server 名为 ide,并且因为没有可配置项,所以在 /mcp 中是隐藏的。如果你的组织使用 PreToolUse hook 来允许名单化 MCP tools,就需要知道它的存在。

选区与当前文件上下文。 连接后,CLI 会把当前编辑器选区和活动文件路径作为每次提示的上下文。发生这种情况时,对话记录里会出现一行 ⧉ Selected N lines from <file>。如果想排除 .env 这类敏感文件,可以为该路径添加一个 Read deny rule。匹配到的 deny rule 会同时阻止选中文本和该文件的“已打开”提示送到 Claude。

传输与认证。 这个 server 监听 127.0.0.1 的随机高位端口,其他机器无法访问。每次扩展激活时都会生成新的随机 auth token,CLI 连接时必须提供它。token 会写入 ~/.claude/ide/ 下的锁文件,权限是 0600,所在目录权限是 0700,因此只有运行 VS Code 的用户能读取。

向模型暴露的工具。 这个 server 里实际有十多个工具,但模型只能看到两个。其余工具属于 CLI 自己的内部 RPC,用于打开 diff、读取选区、保存文件等,在工具列表到达 Claude 之前就会被过滤掉。

Tool name (as seen by hooks) What it does Writes?
mcp__ide__getDiagnostics 返回语言服务器诊断信息,也就是 VS Code Problems 面板里的错误和警告。可选地只针对某个文件。 No
mcp__ide__executeCode 在当前活跃 Jupyter notebook 的内核里运行 Python 代码。见下方确认流程。 Yes

Jupyter 执行一定会先询问。 mcp__ide__executeCode 不能静默运行。每次调用时,代码都会作为一个新 cell 插入到当前 notebook 的末尾,VS Code 会把它滚动到可见区域,然后弹出原生 Quick Pick,让你选择 ExecuteCancel。取消——或者按 Esc 关闭选择器——都会把错误返回给 Claude,而不会执行任何内容。如果没有活动中的 notebook、没有安装 Jupyter 扩展(ms-toolsai.jupyter),或者当前 kernel 不是 Python,这个工具会直接拒绝。

Quick Pick 的确认和 PreToolUse hook 是分开的。mcp__ide__executeCode 被 allowlist 允许,只代表 Claude 可以“提出要运行一个 cell”;真正让它执行的,是 VS Code 里的 Quick Pick。

常见问题怎么排查

扩展装不上

  • 确认 VS Code 版本兼容(1.98.0 或更高)
  • 检查 VS Code 是否有安装扩展的权限
  • 尝试从 VS Code Marketplace 直接安装

Spark 图标不显示怎么解决

Spark 图标会在有文件打开时显示在 Editor Toolbar(编辑器右上角)。如果你看不到它:

  1. 先打开一个文件:必须有文件打开,只有文件夹不够
  2. 检查 VS Code 版本:需要 1.98.0 或更高(Help → About)
  3. 重载窗口:在命令面板里运行 Developer: Reload Window
  4. 禁用冲突扩展:临时关闭其他 AI 扩展(Cline、Continue 等)
  5. 检查 workspace trust:Restricted Mode 下扩展不会工作

另外,你也可以点击右下角状态栏里的 ✱ Claude Code。这个入口即使没有打开文件也始终可用。或者直接用命令面板(Cmd+Shift+P / Ctrl+Shift+P)启动。

macOS 上 Cmd+Esc 没反应怎么解决

在 macOS Tahoe 及之后版本里,系统默认把 Cmd+Esc 绑定给 Game Overlay,系统会在 VS Code 之前拦截这个按键。要释放这个快捷键:

  1. 打开 System Settings
  2. 进入 Keyboard,再进入 Keyboard Shortcuts,再进入 Game Controllers
  3. 取消勾选 Game Overlay

也可以把扩展改绑到别的按键:打开 VS Code Keyboard Shortcuts editorCmd+K Cmd+S),搜索 Claude Code: Focus input,然后重新指定快捷键。

Claude Code 一直不响应怎么排查

如果 Claude Code 不响应你的提示:

  1. 检查网络连接是否稳定
  2. 新建一个对话试试,确认问题是不是只出现在当前会话
  3. 在终端运行 claude,看是否能得到更详细的错误信息

如果还是有问题,可以到 GitHub 提交 issue,并附上错误细节。

卸载扩展

卸载 Claude Code 扩展:

  1. 打开扩展视图(Mac 用 Cmd+Shift+X,Windows/Linux 用 Ctrl+Shift+X
  2. 搜索 Claude Code
  3. 点击 Uninstall

如果还要删除扩展数据并重置全部设置:

rm -rf ~/.vscode/globalStorage/anthropic.claude-code

需要更多帮助时,见 troubleshooting guide

下一步

在 VS Code 中把 Claude Code 配好之后,可以继续看:

常见问题

Claude Code VS Code 扩展怎么安装?

在 VS Code 扩展视图里搜索 Claude Code,点击 Install 就能安装。你也可以直接点官方安装链接,或从 Open VSX registry 安装。安装前需要 VS Code 1.98.0 或更高版本,并登录 Anthropic 账户。

为什么 VS Code 里看不到 Spark 图标?

先确认已经打开了一个文件;只有文件夹不够。再检查 VS Code 是否至少是 1.98.0,必要时执行 Developer: Reload Window。如果仍然看不到,可以临时关闭其他 AI 扩展,或直接从右下角状态栏的 ✱ Claude Code 打开。

Claude Code VS Code 扩展和 CLI 有什么区别?

扩展提供图形界面、内联 diff、会话历史和多标签页;CLI 则保留全部命令、! Bash 快捷方式和 Tab 补全。两者共享会话历史,也都能读取同一套 Claude Code 设置。