VS Code 中使用 Claude Code 插件

本教程介绍如何在 VS Code 中安装 Claude Code 插件，并通过 QuickRouter API 中转在国内使用 Claude Code。配置完成后，可直接在 VS Code 内调用 Claude、GPT 等 400+ 模型。

一、前置条件

二、安装 Claude Code 插件

打开 VS Code，进入扩展市场（左侧边栏的扩展图标，或快捷键 Ctrl+Shift+X / Cmd+Shift+X），搜索 Claude Code，点击安装。

三、打开 Claude Code 设置

安装完成后，在 VS Code 设置中搜索 claude，找到 Claude Code 相关配置项。也可以通过命令面板（Ctrl+Shift+P / Cmd+Shift+P）输入 Claude Code 快速定位。

如果是首次使用，会看到 Claude Code 的欢迎引导界面。可以选择隐藏它，直接进入配置。

四、配置环境变量指向 QuickRouter

这是关键步骤。需要在 Claude Code 的环境变量设置中，把 ANTHROPIC_BASE_URL 指向 QuickRouter，并填入你的 API Key。

方法一：通过设置界面添加环境变量

在 Claude Code 设置中找到「环境变量 / Environment Variables」配置项，添加以下两行：

需要添加的两个环境变量：

方法二：编辑 settings.json

也可以直接编辑 VS Code 的 settings.json 文件（命令面板输入 Preferences: Open User Settings (JSON)），在 claudeCode.environmentVariables 中添加环境变量：

对应的 JSON 配置：

{
  "claudeCode.environmentVariables": {
    "ANTHROPIC_BASE_URL": "https://api.quickrouter.ai",
    "ANTHROPIC_API_KEY": "sk-你的QuickRouter令牌"
  }
}

五、选择模型并开始使用

配置完成后，重启 VS Code（或重新加载窗口：Ctrl+Shift+P → Developer: Reload Window）。打开 Claude Code 面板，在 Selected Model 下拉框中选择要使用的模型。

常用模型参考：

claude-opus-4-8
claude-fable-5
gpt-5.5
grok-4.5
deepseek-v4-pro
glm-5.2

选择模型后，在 Claude Code 对话框中输入指令即可开始使用。所有请求会通过 QuickRouter 中转，实现国内直连。

六、常见问题排查

VS Code Claude Code 配置要点

如果你通过搜索「VS Code Claude Code 配置」「Claude Code 中转 API」「Claude Code 环境变量」进入本页，核心就两步：安装插件 + 配置 ANTHROPIC_BASE_URL 和 ANTHROPIC_API_KEY 两个环境变量指向 QuickRouter。多数问题出在 Base URL 多写了 /v1 或 API Key 填错。

相关入口

• API 中转站说明
• Claude API 国内使用
• Claude Code 命令行教程
• 模型价格和分组