Cline for VSCode 保姆级配置教程

Cline for VSCode 保姆级配置教程

本指南将帮助您在 VSCode 中配置 Cline 使用

前置要求

  • 有效的 UniVibe API 密钥

安装步骤

1. 安装 Visual Studio Code

如果您还没有安装 VSCode,请先完成安装:

  1. 打开浏览器访问 VSCode 官网
  2. 根据您的操作系统选择对应版本下载
  3. 下载完成后运行安装程序
  4. 按照安装向导完成安装

2. 安装 Cline 插件

Cline 是一个强大的 AI 编程助手插件,支持自定义 API 提供商。

安装方法
  1. 打开 VSCode
  2. 点击左侧活动栏的 扩展 图标(或按 Ctrl+Shift+X / Cmd+Shift+X
  3. 在搜索框中输入:Cline
  4. 找到插件后点击 安装 按钮

3. 获取 API 密钥

在配置 Cline 之前,您需要先获取 UniVibe API 密钥。

登录 UniVibe 控制台,在 API密钥 页面创建一个新的密钥。

💡 请妥善保管您的 API 密钥,不要泄露给他人。

4. 配置 Cline

安装完插件后,需要配置 Cline 连接到 UniVibe 服务。

打开 Cline 配置
  1. 点击 VSCode 左侧活动栏的 Cline 图标
  2. 点击 Use your own API key 按钮
填写配置信息

在配置界面中,按照以下信息填写:

1. API Provider(API 提供商)

  • 选择:OpenAI Compatible

2. Base URL(基础 URL)

  • 填入:https://api.univibe.cc/openai/v1

3. API Key(API 密钥)

  • 填入您在步骤 3 中获取的 UniVibe API 密钥

4. Model ID(模型 ID)

  • 填入您想使用的模型名称
  • 可用模型列表见下方
可用模型列表

💡 建议选择适合您需求的模型。不同模型在性能、速度和成本上各有特点。

5. 开始使用

配置完成!现在您可以开始使用 Cline 了。

使用方法
  1. 在 Cline 面板的输入框中输入您的问题或需求

  2. Cline 会自动调用 UniVibe 服务为您提供 AI 编程辅助

  3. Cline 的所有功能都可以正常使用,包括:

    • 代码生成和补全
    • 代码重构建议
    • 问题解答
    • 代码审查
    • 等等...

常见问题解决

插件安装失败

如果插件安装失败,尝试以下方法:

  • 检查网络连接是否正常
  • 重启 VSCode 后重试
  • 手动从 VSCode 市场 下载插件

无法连接到 UniVibe 服务

确保:

  • Base URL 配置正确:https://api.univibe.cc/openai/v1
  • API 密钥有效且未过期
  • 网络连接正常,可以访问 UniVibe 服务

Cline 没有响应

如果 Cline 没有提供响应:

  • 确认 API Provider 选择的是 OpenAI Compatible
  • 检查 Model ID 是否填写正确
  • 检查 API 密钥是否有足够的积分
  • 查看 VSCode 输出面板的错误信息

模型 ID 填写错误

如果提示模型不存在:

  • 请参考上方的可用模型列表
  • 确保 Model ID 填写完全正确(区分大小写)
  • 可以在 UniVibe 控制台的模型页面查看最新的模型列表
相关推荐
全栈弄潮儿17 分钟前
第一次让 AI 帮你写代码:用 JavaScript 完成一个待办事项清单
chatgpt·openai·ai编程
颜进强1 小时前
Claude Code - 26 效率三件套:cc-switch 切模型 · codeburn 算成本 · claude-hud 看状态
前端·后端·ai编程
东小西1 小时前
番外篇三:《ReactAgent 为什么能"想一步做一步"?扒开它的 Graph 内核》
openai·ai编程
持敬chijing2 小时前
PHP开发-环境搭建-安装phpstudy-vscode工具
开发语言·vscode·php
答案answer2 小时前
VibeCoding 能做到什么程度?我用它做了一座 3D 数字博物馆
ai编程·three.js·vibecoding
测试_AI_一辰2 小时前
AI Agent 评测最隐蔽的坑-记忆
人工智能·算法·ai·自动化·ai编程
csdn_aspnet2 小时前
Copilot能换成本地吗?VSCode接本地大模型本地化接入方案
ide·vscode·ai·ollama
打呵欠的猫3 小时前
我让 AI 封装了一个 ImageUpload 组件,它设计的 5 层校验链路比我想的周全
前端·ai编程
程序员黑豆3 小时前
深入解析Java数据类型:基本类型与引用类型的本质区别与实战选择
前端·ai编程·全栈
努力搬砖的咸鱼3 小时前
AI Agent测试全景图:它到底改变了什么
人工智能·python·ai·集成测试·pytest·agent·ai编程