跳转到主内容
本站为独立第三方技术服务商,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. 收到正常响应即配置成功

六、常见问题

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 的隐私政策请参见官网说明。


七、内链资源


开始使用

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

相关文章