HRouter

Claude Code VSCode 插件配置教程

这篇教程说明如何在 VSCode 里使用 Claude Code 插件并接到 HRouter。插件复用本机 Claude Code 的配置,所以要先在命令行里配好,再补一个 config.json 让编辑器集成识别。

前提:已经按 Claude Code 安装与配置 完成命令行配置,并确认在终端里直接运行 claude 没有问题。也可以先用 HRouter Desktop 一键写入配置。

第 1 步:安装 VSCode

打开 https://code.visualstudio.com/,安装 VSCode 1.75.2 或更新版本。

第 2 步:安装 Claude Code 扩展

打开 VSCode 扩展市场,搜索 Claude Code,安装后重启 VSCode。

第 3 步:创建 .claude/config.json

打开你的 .claude 目录:

系统 目录
Windows C:\Users\你的用户名\.claude
Mac / Linux ~/.claude

创建或编辑 config.json,写入:

{
  "primaryApiKey": "hrouter"
}

这里的值不需要填写真实密钥,只要这个字段存在即可。

注意这个文件是 config.json,不是 settings.json。 两个文件分工不同:

文件 作用
config.json 让编辑器集成识别到已经配置了第三方 Key
settings.json 配置 ANTHROPIC_BASE_URL 和 ANTHROPIC_AUTH_TOKEN,由 CLI 读取

第 4 步:开始使用

  1. 打开任意项目目录。
  2. 在 VSCode 中启动 Claude Code 扩展。
  3. 先发送一个最短测试消息:
如果你已经接到 HRouter,请只回复:HRouter Claude 已连接

收到回复,并且在 使用记录 里能看到请求,就接好了。

常见问题

扩展打开后没有响应? 先回到终端确认 claude 命令本身正常。终端里不通,插件里一定不通,先按 Claude Code 常见问题 排查。

改了 config.json 没效果? 完全退出 VSCode 再重新打开,而不是只重新加载窗口。

搞混了 config.json 和 settings.json? 前者给编辑器集成识别,后者给 CLI 配置网关和 Key,两个都需要。

模型请求失败? 确认模型在当前 Key 的实时模型列表中,见 model_not_found。

配置似乎被忽略? 见 配置不生效怎么排查。