VS Code AI插件接入API中转服务教程(Continue/Cline适用)

分类:技术交流发布时间:建议阅读时长:21 分钟
作者:sodope llm

引言

VS Code 作为全球最受欢迎的代码编辑器,拥有丰富的 AI 插件生态。Continue、Cline、GitHub Copilot 等 AI 编程助手插件让开发者能够在 VS Code 中直接获得 AI 辅助。但对于国内开发者而言,这些插件直接访问 OpenAI 或 Anthropic 官方 API 往往面临网络障碍。

本教程将介绍如何配置 ContinueCline 这两款最流行的 VS Code AI 插件,通过 jiekou.ai API 中转服务,在国内网络环境下流畅使用 Claude 和 GPT 进行 AI 编程。


主流 VS Code AI 插件对比

插件主要功能特点
Continue对话式编程助手支持自定义模型,开源免费
Cline自主 AI 代码代理可操作文件/终端,功能强大
GitHub Copilot代码补全官方集成,但不支持自定义 API
CodeGPT代码问答支持多模型,轻量级

本教程重点介绍 Continue 和 Cline,这两款插件均支持自定义 API,是国内开发者的最佳选择。


jiekou.ai:VS Code AI 插件的理想中转方案

在开始配置前,先介绍 jiekou.ai 的核心优势:

  • 🌐 国内直连:无需翻墙,低延迟高稳定
  • 💰 按量计费:不用订阅,用多少付多少
  • 🤖 全模型支持:Claude 3.5/3.7、GPT-4o、Gemini、DeepSeek 等
  • 🔌 OpenAI 兼容:所有支持 OpenAI 格式的插件直接接入
  • 🛡️ 安全可靠:企业级架构,数据安全

接入信息:

  • Base URL:https://api.jiekou.ai/v1
  • 格式:完全兼容 OpenAI API

一、Continue 插件配置教程

安装 Continue

  1. 打开 VS Code
  2. Ctrl+Shift+X 打开扩展市场
  3. 搜索 “Continue”,找到 Continue - Codestral, Claude, and more 安装

配置 config.json

Continue 的配置文件位于:

  • WindowsC:\Users\你的用户名\.continue\config.json
  • macOS/Linux~/.continue/config.json

也可以在 VS Code 中按 Ctrl+Shift+P,输入 Continue: Open config.json 快速打开。

完整配置示例:

{
"models": [
{
"title": "Claude 3.5 Sonnet (jiekou.ai)",
"provider": "openai",
"model": "claude-3-5-sonnet-20241022",
"apiKey": "你的jiekou.ai API Key",
"apiBase": "https://api.jiekou.ai/v1"
},
{
"title": "Claude 3.7 Sonnet (jiekou.ai)",
"provider": "openai",
"model": "claude-3-7-sonnet-20250219",
"apiKey": "你的jiekou.ai API Key",
"apiBase": "https://api.jiekou.ai/v1"
},
{
"title": "GPT-4o (jiekou.ai)",
"provider": "openai",
"model": "gpt-4o",
"apiKey": "你的jiekou.ai API Key",
"apiBase": "https://api.jiekou.ai/v1"
},
{
"title": "GPT-4o Mini (jiekou.ai)",
"provider": "openai",
"model": "gpt-4o-mini",
"apiKey": "你的jiekou.ai API Key",
"apiBase": "https://api.jiekou.ai/v1"
}
],
"tabAutocompleteModel": {
"title": "Tab Autocomplete",
"provider": "openai",
"model": "gpt-4o-mini",
"apiKey": "你的jiekou.ai API Key",
"apiBase": "https://api.jiekou.ai/v1"
},
"embeddingsProvider": {
"provider": "openai",
"model": "text-embedding-3-small",
"apiKey": "你的jiekou.ai API Key",
"apiBase": "https://api.jiekou.ai/v1"
},
"contextProviders": [
{"name": "code"},
{"name": "docs"},
{"name": "diff"},
{"name": "terminal"},
{"name": "problems"},
{"name": "folder"},
{"name": "codebase"}
],
"slashCommands": [
{"name": "share", "description": "Export the current chat session to markdown"},
{"name": "cmd", "description": "Generate a shell command"},
{"name": "commit", "description": "Generate a git commit message"}
]
}

使用 Continue

配置完成后,VS Code 右侧会出现 Continue 侧边栏:

  • 对话模式:直接在对话框输入问题
  • 选中代码问答:选中代码后按 Ctrl+L 发送到 Continue
  • 代码内联编辑:按 Ctrl+I 在当前位置插入 AI 生成代码
  • Tab 自动补全:编写代码时 AI 自动给出补全建议

二、Cline 插件配置教程

Cline 是一个更强大的 AI 代码代理,可以自主读写文件、执行终端命令,完成复杂的编程任务。

安装 Cline

  1. 打开 VS Code 扩展市场
  2. 搜索 “Cline”,找到 Cline (formerly Claude Dev) 安装

配置 API

安装完成后:

  1. 点击 VS Code 左侧活动栏的 Cline 图标
  2. 首次使用会提示配置 API
  3. 在设置页面填写:

Provider 选择:OpenAI Compatible

配置项:

字段
API Key你的 jiekou.ai API Key
Base URLhttps://api.jiekou.ai/v1
Model IDclaude-3-5-sonnet-20241022

推荐 Cline 搭配模型

Cline 是一个需要强推理能力的 Agent,推荐使用:

  • 首选claude-3-7-sonnet-20250219(推理和代码能力最强)
  • 备选claude-3-5-sonnet-20241022(性价比高)
  • 轻量gpt-4o-mini(简单任务,速度快)

使用 Cline 完成复杂任务

Cline 的强大之处在于可以执行多步骤任务,例如:

请帮我:
1. 读取 src/ 目录下所有 Python 文件
2. 找出其中没有类型注解的函数
3. 为这些函数添加完整的类型注解
4. 确保代码风格符合 PEP 8 规范

Cline 会自动拆解任务,逐步完成并在每个步骤请求你的确认。


三、Python 测试接口连通性

在配置插件前,建议先用 Python 测试 jiekou.ai 的连通性:

from openai import OpenAI
# 创建客户端
client = OpenAI(
api_key="你的jiekou.ai API Key",
base_url="https://api.jiekou.ai/v1"
)
# 测试 Claude 模型
response = client.chat.completions.create(
model="claude-3-5-sonnet-20241022",
messages=[
{
"role": "system",
"content": "你是一个编程助手"
},
{
"role": "user",
"content": "写一个Python函数,计算斐波那契数列的第n项"
}
],
max_tokens=500
)
print("=== Claude 响应 ===")
print(response.choices[0].message.content)
# 测试代码补全(模拟 Tab 自动补全)
completion = client.completions.create(
model="gpt-4o-mini",
prompt="def calculate_sum(numbers: list) -> ",
max_tokens=100
)
print("\n=== 代码补全响应 ===")
print(completion.choices[0].text)

四、常见问题排查

Continue 无法连接

检查步骤:

  1. 确认 config.json 语法正确(可用 VS Code JSON 验证)
  2. 确认 apiBase 末尾无斜杠(应为 https://api.jiekou.ai/v1
  3. 重启 VS Code 让配置生效

Cline 提示权限不足

Cline 执行文件操作需要对应目录权限,确保:

  • VS Code 以正常用户权限运行(不要用管理员模式)
  • 项目目录对当前用户可读写

自动补全延迟高

可以尝试:

  • 切换到 gpt-4o-mini 模型(响应更快)
  • 在 Continue 设置中调小 maxTokens
  • 关闭不必要的 Context Provider

最佳实践建议

  1. 日常问答用 Claude 3.5 Sonnet:性价比最高,速度快
  2. 复杂架构设计用 Claude 3.7 Sonnet:推理能力更强
  3. Tab 自动补全用 GPT-4o-mini:轻量快速,降低成本
  4. 定期检查 jiekou.ai 余额:避免余额不足中断工作流

总结

通过本教程,你已经学会了:

  1. ✅ 在 VS Code 中安装并配置 Continue 插件接入 jiekou.ai
  2. ✅ 安装并配置 Cline 插件实现 AI 代码代理
  3. ✅ 通过 Python 验证 API 连通性
  4. ✅ 掌握日常 AI 编程的最佳实践

jiekou.ai 提供了完美的 OpenAI 兼容接口,让所有支持自定义 API 的 VS Code 插件都能在国内正常使用。现在就配置起来,体验 AI 辅助编程的效率提升吧!

分享:
联系我们