VibeAPI

VSCode 插件

在 VSCode 中使用 Claude Code

Claude Code 提供 VSCode 扩展,可以在 IDE 内直接使用。

安装

  1. 打开 VSCode
  2. Ctrl+Shift+X(macOS: Cmd+Shift+X)打开扩展面板
  3. 搜索 "Claude Code"
  4. 安装 Anthropic 官方发布的扩展

VSCode 扩展面板:搜索 Claude Code,点击 Anthropic 官方扩展的「安装」按钮

配置

插件会自动读取 ~/.claude/settings.json 中的配置。如果你已经通过 CC Switch 或手动方式配置好了 VibeAPI,插件无需额外配置。

首次打开插件时,不要选择登录 Anthropic 官方账号。

新版本插件强制登录的解决方案

如果 VSCode 插件强制要求登录才能使用,需要创建 ~/.claude/config.json 文件:

系统路径
Windows%USERPROFILE%\.claude\config.json
macOS / Linux~/.claude/config.json

内容:

{
  "primaryApiKey": "vibeapi"
}

primaryApiKey 的值可以随便填(不是你的 Key),它的作用是告诉插件"已经有 Key 了,不需要走官方登录流程"。

如果你使用 CC Switch,它会自动处理这个问题,无需手动创建。

使用

  • 打开任意文件,点击右上角 Spark ✨ 图标即可开始对话
  • 也可以通过命令面板(Ctrl+Shift+P)搜索 "Claude Code" 相关命令

VSCode 编辑器右上角:点击 Spark ✨ 图标打开 Claude Code 对话面板

与命令行版的关系

VSCode 插件和命令行版共享同一份 ~/.claude/ 目录下的配置文件。配置一次,两边都能用。