Continue VS Code 插件配置指南 - 免费 AI 编程助手
完整教程:如何在 VS Code 中安装配置 Continue 插件,连接 OpenCodex API,获得免费强大的 AI 编程辅助。
Continue VS Code 插件配置指南 - 免费 AI 编程助手
Continue 是一款开源免费的 VS Code AI 编程插件,支持所有 OpenAI 兼容的 API。本指南将教你如何配置 Continue 使用 OpenCodex API,让你的开发效率翻倍。
为什么选择 Continue?
✅ 完全免费 - 开源项目,无订阅费用
✅ 功能强大 - 代码补全、对话、代码生成
✅ 隐私保护 - 可以配置自己的 API
✅ 多模型支持 - 轻松切换不同 AI 模型
✅ OpenCodex 兼容 - 完美支持我们的 API
安装步骤
步骤 1:安装 Continue 插件
- 打开 VS Code
- 按
Ctrl+Shift+X打开扩展面板 - 搜索 "Continue"
- 点击 Install 安装
- 重启 VS Code
或者直接访问 Continue VS Code Marketplace
步骤 2:获取 OpenCodex API Key
- 访问 OpenCodex 控制台
- 登录或注册
- 进入 "API密钥" 页面
- 创建并复制 API Key
步骤 3:配置 Continue
- 在 VS Code 中按
Ctrl+Shift+P打开命令面板 - 输入 "Continue: Open config.json"
- 编辑配置文件:
{
"models": [
{
"title": "DeepSeek V3",
"provider": "openai",
"model": "deepseek-chat",
"apiKey": "sk-live-your-api-key-here",
"apiBase": "https://opencodex.hk/api/v1"
},
{
"title": "GPT-4o",
"provider": "openai",
"model": "gpt-4o",
"apiKey": "sk-live-your-api-key-here",
"apiBase": "https://opencodex.hk/api/v1"
},
{
"title": "Claude 3.5 Sonnet",
"provider": "openai",
"model": "claude-3-5-sonnet",
"apiKey": "sk-live-your-api-key-here",
"apiBase": "https://opencodex.hk/api/v1"
}
],
"tabAutocompleteModel": {
"title": "DeepSeek V3",
"provider": "openai",
"model": "deepseek-chat",
"apiKey": "sk-live-your-api-key-here",
"apiBase": "https://opencodex.hk/api/v1"
}
}
- 保存配置文件
- 重新加载 VS Code(
Ctrl+Shift+P→ "Developer: Reload Window")
步骤 4:验证配置
- 在 VS Code 中打开任意代码文件
- 按
Ctrl+L打开 Continue 侧边栏 - 输入 "Hello" 或任何编程问题
- 如果收到回复,配置成功!
功能使用
1. AI 对话(Ctrl+L)
- 提问编程问题
- 请求代码解释
- 寻求最佳实践建议
2. 代码补全(Tab)
- 开始输入时自动建议
- 按
Tab接受建议 - 支持所有编程语言
3. 编辑代码(Ctrl+I)
- 选中要编辑的代码
- 按
Ctrl+I - 输入编辑指令,如:
- "优化这段代码的性能"
- "添加错误处理"
- "转换为 TypeScript"
4. 生成代码(Ctrl+Shift+R)
- 选中代码位置
- 按
Ctrl+Shift+R - 描述需要的功能
- AI 会生成完整代码
高级配置
自定义系统提示词
在 config.json 中添加:
{
"models": [...],
"customInstructions": "你是一位资深软件工程师,擅长:\n- 编写清晰、可维护的代码\n- 提供详细的代码注释\n- 遵循最佳实践\n- 使用中文回答"
}
配置多个模型
可以配置多个模型,在 Continue 侧边栏顶部切换:
{
"models": [
{
"title": "快速模式 - DeepSeek",
"provider": "openai",
"model": "deepseek-chat",
"apiKey": "sk-live-xxx",
"apiBase": "https://opencodex.hk/api/v1"
},
{
"title": "智能模式 - GPT-4o",
"provider": "openai",
"model": "gpt-4o",
"apiKey": "sk-live-xxx",
"apiBase": "https://opencodex.hk/api/v1"
},
{
"title": "代码大师 - Claude",
"provider": "openai",
"model": "claude-3-5-sonnet",
"apiKey": "sk-live-xxx",
"apiBase": "https://opencodex.hk/api/v1"
}
]
}
启用流式输出
Continue 默认支持流式输出,OpenCodex 已完全兼容:
{
"models": [
{
"title": "DeepSeek V3",
"provider": "openai",
"model": "deepseek-chat",
"apiKey": "sk-live-xxx",
"apiBase": "https://opencodex.hk/api/v1",
"stream": true
}
]
}
快捷键大全
| 功能 | Windows/Linux | macOS |
|---|---|---|
| 打开对话 | Ctrl+L | Cmd+L |
| 编辑代码 | Ctrl+I | Cmd+I |
| 生成代码 | Ctrl+Shift+R | Cmd+Shift+R |
| 接受补全 | Tab | Tab |
| 拒绝补全 | Esc | Esc |
| 切换模型 | Ctrl+Shift+P → "Continue: Switch Model" | 同左 |
常见问题
Continue 提示 "Invalid API Key"
- 检查 API Key 是否完整(包含
sk-live-前缀) - 确认 API Key 状态为 "活跃"
- 检查是否有足够的积分余额
代码补全不工作
- 确保
tabAutocompleteModel已正确配置 - 检查设置中是否启用了 "Tab Autocomplete"
- 尝试重新加载 VS Code
响应速度慢
- 切换到更快的模型(如
deepseek-chat) - 检查网络连接
- 避免使用过长的 prompt
如何查看积分消耗?
访问 控制台 查看:
- 当前积分余额
- API 调用次数
- Token 使用情况
- 消费记录明细
性能优化建议
1. 选择合适的模型
- 日常开发:
deepseek-chat(快速、便宜) - 复杂逻辑:
gpt-4o(推理强) - 代码生成:
claude-3-5-sonnet(代码质量高)
2. 精简 Prompt
推荐:
"优化这段代码的性能"
不推荐:
"请帮我看看这段代码有什么可以优化的地方,主要是性能方面,我希望它运行得更快一些,你能给我一些建议吗?"
3. 使用代码补全
- 比对话模式更省 token
- 速度更快
- 适合连续编码
Continue vs 其他工具
| 特性 | Continue | Cursor | Copilot |
|---|---|---|---|
| 价格 | 免费 | $20/月起 | $10/月 |
| 编辑器 | VS Code | Cursor(独立) | VS Code/JetBrains |
| 自定义 API | ✅ | ✅ | ❌ |
| 模型选择 | 20+ | 有限 | 有限 |
| 开源 | ✅ | ❌ | |
| 代码补全 | ✅ | ✅ | ✅ |
| AI 对话 | ✅ | ✅ | ✅ |
示例工作流
快速开发新功能
- 按
Ctrl+Shift+R生成基础代码 - 按
Ctrl+L询问实现细节 - 编写代码时接受自动补全
- 完成后按
Ctrl+I优化代码
重构旧代码
- 选中要重构的代码
- 按
Ctrl+I输入:"重构这段代码,提高可读性" - 审查 AI 生成的代码
- 按
Ctrl+L询问重构原因
Debug 调试
- 复制错误信息
- 按
Ctrl+L粘贴错误 - 询问:"这个错误是什么原因?如何修复?"
- 应用建议的修复方案
下一步
提示:Continue 是完全免费的开源项目,配合 OpenCodex API 使用,你的 AI 编程成本可以降低 80%!
