• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • YouClaw
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

OfoxAI

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

VS Code Continue 插件配置 Claude API 完整教程(亲测好用)

最近 Copilot 续费又涨价了,加上公司项目里用 Claude 4.7 写代码比 GPT 顺手不少,就想着干脆把 VS Code 里的 AI 编程助手换掉。试了一圈,最后选定了 Continue 这个开源插件,配上 Claude 4.7 用了两周,体验比 Copilot 还顺。把整个配置流程记录下来,省得下次换电脑又要重新摸索。

这篇文章讲的是:在 VS Code 里安装 Continue 插件,配置 Claude API(或任意 OpenAI 兼容接口)作为代码补全和对话模型的完整步骤,包含 config.yaml 写法、自定义 base_url、模型切换、以及我踩过的几个坑。

前置条件

开始之前确认下环境:

  • VS Code 1.85 或更高版本
  • Node.js 18+(Continue 后台需要)
  • 一个可用的 Claude API Key(官方或第三方都行)
  • 网络环境配置好

不需要 Copilot 订阅,Continue 完全免费开源。

步骤一:安装 Continue 插件

打开 VS Code,左侧扩展面板搜 Continue,作者是 continue.dev,下载量最多的那个。装完会在侧边栏多出一个图标,长得像两条平行线。

也可以直接命令行装:

code --install-extension Continue.continue

第一次启动会让你登录或跳过,我建议直接跳过(Skip),后面手动改配置文件更可控。

步骤二:找到 config.yaml 配置文件

Continue 0.9 之后用 yaml 替代了旧的 json 配置。文件位置:

  • macOS / Linux:~/.continue/config.yaml
  • Windows:C:\Users\你的用户名\.continue\config.yaml

如果没有这个文件,按 Ctrl/Cmd + Shift + P 输入 Continue: Open config file,插件会自动生成一份默认模板。

步骤三:配置 Claude 模型

把 config.yaml 改成下面这样:

name: my-config
version: 0.0.1
schema: v1

models:
  - name: Claude 4.7 Sonnet
    provider: anthropic
    model: claude-sonnet-4-7
    apiKey: sk-ant-xxxxxxxx
    roles:
      - chat
      - edit
      - apply

  - name: Claude Haiku (autocomplete)
    provider: anthropic
    model: claude-haiku-4-5
    apiKey: sk-ant-xxxxxxxx
    roles:
      - autocomplete

这里有个坑:autocomplete 角色一定要用便宜的小模型,不然每按一下键盘都在烧 Sonnet/Opus 的钱,一天能烧掉一杯星巴克的预算。亲测 Haiku 速度快、补全质量也够用。

保存后 Continue 会自动重载,侧边栏对话框顶部能看到模型已经切换。

步骤四:用 OpenAI 兼容接口(推荐方式)

如果你用的不是 Anthropic 官方接口,而是任何兼容 OpenAI 协议的服务,把 provider 改成 openai 然后加上 apiBase:

models:
  - name: Claude 4.7 via OpenAI Compatible
    provider: openai
    model: claude-sonnet-4-7
    apiBase: https://api.ofox.ai/v1
    apiKey: sk-xxxxxxxx
    roles:
      - chat
      - edit

这种写法的好处是切换不同服务商只改 apiBase 一个字段,不用动 provider 类型。我自己用的就是聚合接口,base_url 改一下就能在 Claude / GPT / DeepSeek 之间随便切,省事。

用聚合平台简化多模型管理

如果你跟我一样经常切模型,自己维护一堆 API Key 是真的烦——Anthropic 一个、OpenAI 一个、DeepSeek 一个,账单还要分开看。

ofox.ai 是一个 AI 模型聚合平台,一个 API Key 可以调用 GPT-4o、Claude Opus 4.7、Gemini 3、DeepSeek V4 等 50+ 模型,兼容 OpenAI SDK 协议,低延迟直连,支持支付宝按量计费。

在 Continue 里配置就是把 apiBase 设成 https://api.ofox.ai/v1,model 字段填你想用的模型名:

models:
  - name: Claude for chat
    provider: openai
    model: claude-sonnet-4-7
    apiBase: https://api.ofox.ai/v1
    apiKey: sk-your-key
    roles: [chat, edit]

  - name: GPT for refactor
    provider: openai
    model: gpt-4o
    apiBase: https://api.ofox.ai/v1
    apiKey: sk-your-key
    roles: [chat]

  - name: DeepSeek for autocomplete
    provider: openai
    model: deepseek-chat
    apiBase: https://api.ofox.ai/v1
    apiKey: sk-your-key
    roles: [autocomplete]

多供应商冗余备份,某一路挂了自动切换,最近两周没遇到调用失败。

步骤五:自定义快捷键和高效用法

配置完别忘了改下快捷键,默认的太鸡肋。打开 VS Code 设置 → 键盘快捷方式,搜 Continue,建议改成这几个:

  • Continue: Focus Continue Input → Cmd/Ctrl + L(呼出对话框)
  • Continue: Edit Highlighted Code → Cmd/Ctrl + I(选中代码后让 AI 改)
  • Continue: Toggle Autocomplete Enabled → Cmd/Ctrl + K Cmd/Ctrl + A(临时关掉补全)

最爽的用法是选中一段代码按 Cmd + I,弹出输入框直接说"加个错误处理"或者"改成异步",AI 会在原地 diff 出新代码,比 Copilot 的注释驱动好用太多。

另外 Continue 支持 @ 引用上下文,输入 @codebase 会让模型读取整个仓库,@file 引用指定文件,@docs 引用文档库。我经常这么用:

@codebase 这个项目里 User 模型在哪定义的,怎么从 token 解析出来的?

比手动复制粘贴上下文给 ChatGPT 高效十倍。

常见踩坑记录

坑 1:autocomplete 完全没反应

config.yaml 里必须有一个模型的 roles 包含 autocomplete,否则补全功能直接静默失效。我一开始只配了 chat,按半天键盘没动静,还以为插件坏了,重启 VS Code 三次才反应过来配置漏了。

坑 2:401 Unauthorized

如果用第三方 API,apiKey 前缀千万别写错。Anthropic 官方是 sk-ant- 开头,OpenAI 是 sk- 开头,聚合服务一般是自定义前缀。复制 Key 时把首尾空格也带进去过一次,找了 20 分钟才发现。

坑 3:补全延迟很高

如果你发现敲一个字符要等两三秒才出补全,先确认两件事:

  1. autocomplete 用的是不是小模型(Haiku / Mini 这种)
  2. apiBase 离你近不近,海外节点延迟普遍 800ms+

我之前一直用海外直连,后来换成低延迟直连的 base_url,补全延迟从 1.2s 降到 200ms 左右,体感差别巨大。

坑 4:模型名拼错

Anthropic 的模型名格式经常变,2026 年现在的命名是:

  • claude-opus-4-7
  • claude-sonnet-4-7
  • claude-haiku-4-5

写错任何一个字符都会返回 404 model not found。最稳的办法是去服务商文档复制粘贴,别凭印象写。

坑 5:Windows 上 yaml 缩进报错

Windows 记事本默认会插入 BOM 头,Continue 加载 yaml 会报 parser error。建议用 VS Code 直接编辑 config.yaml,保存格式选 UTF-8(不带 BOM)。另外 yaml 的缩进必须是空格不能是 Tab,VS Code 右下角能看到当前用的是哪种。

总结

整个流程下来差不多 10 分钟能搞定:

  1. 装 Continue 插件
  2. 改 config.yaml
  3. 配置 chat / edit / autocomplete 三个角色对应的模型
  4. 用 OpenAI 兼容接口 + 自定义 apiBase 灵活切换
  5. 改快捷键,养成 Cmd + L / Cmd + I 肌肉记忆

用了两周下来,比 Copilot 灵活太多——想换模型就换,想接私有部署模型也能接,配置一次终身受用。如果你也在找 Copilot 替代品,强烈建议试试 Continue + Claude 这套组合。

后续我打算把项目里的 prompt 也通过 .continue/prompts/ 目录管起来,写成可复用的模板,搞定后再单独写一篇。

posted on 2026-05-14 10:11  失控的上下文  阅读(2)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3