跳转到主内容
本站为独立第三方技术服务商,Claude™ 与 Anthropic® 为 Anthropic, PBC 的商标,本站与 Anthropic 无任何关联、授权或合作关系。

Continue VS Code 配置 Claude API 教程(2026最新)

完整教程:在 VS Code 中安装 Continue 插件,通过 claudeapi.com 接入 Claude Sonnet/Haiku,实现 AI 代码补全与对话辅助。附完整 config.json 示例与常见报错排查。

工具集成Continue VS CodeClaude API配置Continue教程预计阅读10分钟
2026.06.25 发表
continue-vscode-claude-api-setup-2026--cover

Continue 是目前 VS Code 生态中对 OpenAI 兼容协议支持最完整的开源 AI 编程插件,支持对话、代码补全、内联编辑三种模式。本教程带你用 claudeapi.com 提供的 Claude API 完成全部配置,从安装到首次代码补全约需 10 分钟。


一、安装 Continue 插件

  1. 打开 VS Code,进入扩展面板(Ctrl+Shift+X / ⌘+Shift+X
  2. 搜索 Continue,点击安装(发布者:Continue Dev Inc.)
  3. 安装完成后,左侧活动栏出现 Continue 图标,首次启动会引导创建配置文件

配置文件路径:

  • macOS / Linux~/.continue/config.json
  • Windows%USERPROFILE%\.continue\config.json

二、获取 API Key

前往 claudeapi.com 注册账号,在控制台创建 API Key(格式以 sk- 开头)。新账号注册后可获得免费额度用于测试。


三、配置 config.json

Continue 通过 config.json 管理模型和参数。claudeapi.com 提供 OpenAI 兼容接口,provider 字段设为 "openai"apiBase 指向 https://gw.claudeapi.com/v1

3.1 基础配置(单模型)

{
  "models": [
    {
      "title": "Claude Sonnet 4.6",
      "provider": "openai",
      "model": "claude-sonnet-4-6",
      "apiKey": "your-api-key-here",
      "apiBase": "https://gw.claudeapi.com/v1"
    }
  ]
}
{
  "models": [
    {
      "title": "Claude Sonnet 4.6",
      "provider": "openai",
      "model": "claude-sonnet-4-6",
      "apiKey": "your-api-key-here",
      "apiBase": "https://gw.claudeapi.com/v1"
    }
  ]
}

3.2 多模型配置(推荐)

根据任务复杂度切换模型,兼顾效果与成本:

{
  "models": [
    {
      "title": "Claude Sonnet 4.6(主力)",
      "provider": "openai",
      "model": "claude-sonnet-4-6",
      "apiKey": "your-api-key-here",
      "apiBase": "https://gw.claudeapi.com/v1"
    },
    {
      "title": "Claude Opus 4.8(复杂任务)",
      "provider": "openai",
      "model": "claude-opus-4-8",
      "apiKey": "your-api-key-here",
      "apiBase": "https://gw.claudeapi.com/v1"
    },
    {
      "title": "Claude Haiku 4.5(轻量问答)",
      "provider": "openai",
      "model": "claude-haiku-4-5-20251001",
      "apiKey": "your-api-key-here",
      "apiBase": "https://gw.claudeapi.com/v1"
    }
  ]
}
{
  "models": [
    {
      "title": "Claude Sonnet 4.6(主力)",
      "provider": "openai",
      "model": "claude-sonnet-4-6",
      "apiKey": "your-api-key-here",
      "apiBase": "https://gw.claudeapi.com/v1"
    },
    {
      "title": "Claude Opus 4.8(复杂任务)",
      "provider": "openai",
      "model": "claude-opus-4-8",
      "apiKey": "your-api-key-here",
      "apiBase": "https://gw.claudeapi.com/v1"
    },
    {
      "title": "Claude Haiku 4.5(轻量问答)",
      "provider": "openai",
      "model": "claude-haiku-4-5-20251001",
      "apiKey": "your-api-key-here",
      "apiBase": "https://gw.claudeapi.com/v1"
    }
  ]
}

3.3 模型选择参考

模型 claudeapi.com 价格(输入/输出) 适用场景
claude-haiku-4-5-20251001 $0.8 / $4(MTok) 代码补全、简单问答
claude-sonnet-4-6 $2.4 / $12(MTok) 代码审查、架构讨论
claude-opus-4-8 $4 / $20(MTok) 复杂重构、长上下文分析

四、开启 Tab 代码补全

Tab 补全对延迟敏感,建议使用 Haiku 4.5 以获得最快响应:

{
  "models": [...],
  "tabAutocompleteModel": {
    "title": "Claude Haiku 4.5(补全)",
    "provider": "openai",
    "model": "claude-haiku-4-5-20251001",
    "apiKey": "your-api-key-here",
    "apiBase": "https://gw.claudeapi.com/v1"
  }
}
{
  "models": [...],
  "tabAutocompleteModel": {
    "title": "Claude Haiku 4.5(补全)",
    "provider": "openai",
    "model": "claude-haiku-4-5-20251001",
    "apiKey": "your-api-key-here",
    "apiBase": "https://gw.claudeapi.com/v1"
  }
}

配置保存后,在编辑器输入代码时按 Tab 键接受 AI 建议,按 Esc 拒绝。


五、验证配置

  1. 保存 config.json,Continue 面板自动刷新
  2. 在 Continue 对话框输入:“用 Python 写一个冒泡排序”
  3. 模型下拉列表确认显示你配置的模型名称
  4. 收到正常响应即配置成功

补充:VS Code 里的 Claude Code 插件可由 CC Switch 接管

如果你在 VS Code 里同时安装了 ContinueClaude Code 插件,需要注意两者的配置方式不同:

  • Continue:通过 ~/.continue/config.json%USERPROFILE%\.continue\config.json 手动配置 apiBaseapiKey 和模型名。
  • Claude Code 插件:可以通过 CC Switch 的开关接管供应商配置。

很多用户只知道 CC Switch 可以切换终端里的 Claude Code 配置,但会漏掉 VS Code 插件里的这个入口。打开路径如下:

CC Switch → 设置 → 通用 → 应用到 Claude Code 插件

截图位置:CC Switch 设置页 → 通用 → 窗口行为 → 应用到 Claude Code 插件

CC Switch 应用到 Claude Code 插件开关

开启后,VS Code 里的 Claude Code 插件会跟随 CC Switch 当前选中的供应商配置。也就是说,如果你在 CC Switch 中切换到 ClaudeAPI 配置,Claude Code 插件也会同步使用对应的 API 配置。

需要注意:这个开关不会影响 Continue。Continue 仍然读取自己的 config.json,所以如果你使用的是 Continue,请继续按本文上方步骤配置。

VS Code 工具 配置方式
Continue 修改 config.json,填写 apiBaseapiKeymodel
Claude Code 插件 在 CC Switch 中开启「应用到 Claude Code 插件」
Cline 在插件设置里选择 OpenAI Compatible 并填写 Base URL
Cursor 在 Cursor Settings 中配置 OpenAI Compatible

开启后建议重启一次 VS Code,再打开 Claude Code 插件发送一条测试消息。如果可以正常回复,说明 CC Switch 对 Claude Code 插件的接管已生效。


六、常见问题

Q1:出现 401 Unauthorized 错误
检查 apiKey 是否正确复制,注意不要带多余空格。也可在 claudeapi.com 控制台重新生成 Key。

Q2:出现 404 Not Found
确认 apiBasehttps://gw.claudeapi.com/v1(末尾有 /v1,无斜杠结尾)。

Q3:模型名称报错
claudeapi.com 支持的模型名称须完整匹配,如 claude-haiku-4-5-20251001,不能简写为 haiku

Q4:Tab 补全反应慢
tabAutocompleteModel 换成 Haiku 4.5,同时在 Continue 设置中调低 tabAutocompleteOptions.maxPromptTokens(默认 4096,可降至 2048)。

Q5:Windows 下 config.json 路径找不到
路径为 C:\Users\你的用户名\.continue\config.json。如果 .continue 目录不存在,重启 VS Code 后 Continue 会自动创建。

Q6:想用 system prompt 统一控制代码风格
在 config.json 的模型对象内加 "systemMessage" 字段即可:

"systemMessage": "你是一个专注于 TypeScript 的代码助手,始终添加 JSDoc 注释。"
"systemMessage": "你是一个专注于 TypeScript 的代码助手,始终添加 JSDoc 注释。"

Q7:对话内容是否会存储到第三方
Continue 插件本身不存储对话,请求直接发往你配置的 API 端点。claudeapi.com 的隐私政策请参见官网说明。

Q8:Continue 会跟随 CC Switch 切换吗?
不会。CC Switch 的「应用到 Claude Code 插件」只影响 VS Code 里的 Claude Code 插件,不会修改 Continue 的 config.json。Continue 仍需按本文步骤单独配置 apiBaseapiKey


七、内链资源


开始使用

注册 claudeapi.com 获取 API Key,按本教程完成配置,即可在 VS Code 中直接调用 Claude Sonnet 4.6 / Opus 4.8 进行代码开发。如遇配置问题,欢迎查阅官方文档或联系支持。

相关文章