VS Code AI插件接入API中转服务教程(Continue/Cline适用)
引言
VS Code 作为全球最受欢迎的代码编辑器,拥有丰富的 AI 插件生态。Continue、Cline、GitHub Copilot 等 AI 编程助手插件让开发者能够在 VS Code 中直接获得 AI 辅助。但对于国内开发者而言,这些插件直接访问 OpenAI 或 Anthropic 官方 API 往往面临网络障碍。
本教程将介绍如何配置 Continue 和 Cline 这两款最流行的 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
- 打开 VS Code
- 按
Ctrl+Shift+X打开扩展市场 - 搜索 “Continue”,找到
Continue - Codestral, Claude, and more安装
配置 config.json
Continue 的配置文件位于:
- Windows:
C:\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
- 打开 VS Code 扩展市场
- 搜索 “Cline”,找到
Cline (formerly Claude Dev)安装
配置 API
安装完成后:
- 点击 VS Code 左侧活动栏的 Cline 图标
- 首次使用会提示配置 API
- 在设置页面填写:
Provider 选择:OpenAI Compatible
配置项:
| 字段 | 值 |
| API Key | 你的 jiekou.ai API Key |
| Base URL | https://api.jiekou.ai/v1 |
| Model ID | claude-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 无法连接
检查步骤:
- 确认
config.json语法正确(可用 VS Code JSON 验证) - 确认
apiBase末尾无斜杠(应为https://api.jiekou.ai/v1) - 重启 VS Code 让配置生效
Cline 提示权限不足
Cline 执行文件操作需要对应目录权限,确保:
- VS Code 以正常用户权限运行(不要用管理员模式)
- 项目目录对当前用户可读写
自动补全延迟高
可以尝试:
- 切换到
gpt-4o-mini模型(响应更快) - 在 Continue 设置中调小
maxTokens - 关闭不必要的 Context Provider
最佳实践建议
- 日常问答用 Claude 3.5 Sonnet:性价比最高,速度快
- 复杂架构设计用 Claude 3.7 Sonnet:推理能力更强
- Tab 自动补全用 GPT-4o-mini:轻量快速,降低成本
- 定期检查 jiekou.ai 余额:避免余额不足中断工作流
总结
通过本教程,你已经学会了:
- ✅ 在 VS Code 中安装并配置 Continue 插件接入 jiekou.ai
- ✅ 安装并配置 Cline 插件实现 AI 代码代理
- ✅ 通过 Python 验证 API 连通性
- ✅ 掌握日常 AI 编程的最佳实践
jiekou.ai 提供了完美的 OpenAI 兼容接口,让所有支持自定义 API 的 VS Code 插件都能在国内正常使用。现在就配置起来,体验 AI 辅助编程的效率提升吧!