Claude Code VS Code 插件集成（可视化使用）
你说的是 Anthropic 官方出的Claude Code for VS Code 扩展，以下是完整的安装与可视化使用流程：
一、安装官方扩展
打开 VS Code，按
Ctrl+Shift+X（Mac：Cmd+Shift+X）打开扩展面板搜索
Claude Code，认准发布者为Anthropic点击Install，安装后若图标没出现可执行「Developer: Reload Window」重载窗口
也可通过命令行安装：
code --install-extension anthropic.claude-code
二、启动侧边栏面板 & 登录
安装后 VS Code 左侧活动栏会出现⚡ Spark 图标（Claude Code），三种打开方式：
左侧活动栏：点击 Spark 图标打开会话列表/面板（推荐固定到右侧）
编辑器右上角：打开文件后点击右上角 Spark 图标（最快）
命令面板：
Ctrl+Shift+P→ 输入Claude Code: Open in New Tab
首次打开会提示Sign in with Anthropic，在浏览器完成 OAuth 登录即可。
三、核心可视化用法
功能 | 操作 |
|---|---|
选中代码发问 | 在编辑器中高亮代码 → 在 Claude 面板输入问题（自动感知选区），或 |
@引用文件/目录 | 面板输入框敲 |
一键应用修改 | Claude 提议改文件时弹出Inline Diff（并排差异视图），可逐块Accept / Reject，或直接切到自动接受模式 |
多会话管理 | 面板顶部可新建/切换历史会话，支持多 Tab 并行对话 |
Plan 模式 | 提示框底部切换 Plan Mode，Claude 先出 Markdown 计划供你审阅再执行 |
四、前置条件
VS Code ≥ 1.98.0
Anthropic 账号（Claude Pro/Max/Team 订阅或 Console API Key 均可，首次登录用 OAuth）