> 技术文档 > 在VSCode中使用Cline插件(调用DeepSeek模型)_vscode cline deepseek

在VSCode中使用Cline插件(调用DeepSeek模型)_vscode cline deepseek

目录

Cline介绍

安装Cline插件

1. 免费试用

Claude-3.7-sonnet 费用

 2. API秘钥(DeepSeek)

申请DeepSeek API秘钥

测试

模型价格

调用DeepSeek模型创建页面

示例下载


Cline介绍

Cline(原名Claude Dev)是一款开源的AI编程助手插件。它深度集成在VSCode中,通过AI大模型的代理编码能力,可以逐步处理复杂的软件开发任务。

主要特点:

  • 支持创建和编辑文件,监控并自动修复语法错误
  • 可直接在终端执行命令并监控输出
  • 能够使用无头浏览器进行网页测试和调试
  • 支持多种AI模型(Claude、DeepSeek、Gemini等)
  • 工具本身开源免费,收费部分来自API模型接口。

安装Cline插件

在插件中搜索cline并下载安装:

然后在左侧工具栏中,多了Cline图标:

点击CLINE图标,出现了2选一操作

1. 免费试用

选择“Get Started for Free”,弹出对话框:

打开网址后,使用谷歌或者GitHub账号登录(可能需要科学上网):

API Provider选择Cline, 使用的大模型:

测试一下:

使用Qt5 创建一个QML工程,然后输入:

在当前工程(Qt5.8 + quick2应用)中,实现一个登陆页面,要求页面要好看

选择了ACT模式,经过Cline一番操作后:

生成效果:

整体风格还行,图标细节需要自行调整。

当前请求的用量如下:

如果付费使用还是有点贵的,完成一个简单的任务花费1.68元,当前汇率:1 美元 ≈ 7.2714 人民币。免费试用2次就提示了:

Claude-3.7-sonnet 费用

输出价格比DeepSeek Reasoner贵6.8倍,比DeepSeek Chat贵13.64倍。

Supports images
Supports browser use
Supports prompt caching
Max output: 64,000 tokens
Input price: $3.00/million tokens
Cache writes price: $3.75/million tokens
Cache reads price: $0.30/million tokens
Output price: $15.00/million tokens


 2. API秘钥(DeepSeek)

如果有key,选择“Use your own API Key”:  

申请DeepSeek API秘钥

在DeepSek官网申请了API秘钥:

  • 注意秘钥在创建的时候才可以复制,后面就无法复制了,只能重新创建。
  • 秘钥可以随时重新生成或者删除,用量消耗针对的是账户(个人/公司)。

回到Cline插件窗口,API  Provider下拉框中选择DeepSeek,将新建的API秘钥复制到DeepSeek API Key中:

测试

输入消息:

你能做哪些事情,如何使用你

Cline返回(DeepSeek模型输出):

我可以帮助你完成各种软件开发和技术相关任务,主要能力包括:

  1. 代码开发与编辑:
  • 创建/修改各种编程语言的代码文件(Python, JavaScript, Java, C++等)
  • 实现功能、修复bug、重构代码
  • 编写完整的应用程序或网站
  1. 文件操作:
  • 创建/编辑/删除文件和目录
  • 搜索文件内容
  • 批量修改文件
  1. 系统操作:
  • 执行命令行操作
  • 安装/配置开发环境
  • 运行构建工具和测试
  1. 项目分析:
  • 分析代码结构
  • 提取项目架构信息
  • 识别潜在问题
  1. 文档处理:
  • 生成技术文档
  • 提取PDF/DOCX内容
  • 格式化文本

使用方法:

  1. 明确告诉我你的需求(如\"创建一个React应用\")
  2. 我会分析需求并制定计划
  3. 你可以切换到ACT模式让我执行具体操作
  4. 我会逐步完成任务并展示结果

目前我们处于PLAN模式,你可以:

  • 描述具体需求让我制定计划
  • 询问技术问题获取建议
  • 要求查看某些文件内容

当你准备好让我执行操作时,请说\"toggle to Act mode\"。

本次API请求消耗了0.02元,如果返回消息出现了402错误, 表示余额不足。

模型价格

以下数据来自Cline模型设置窗口

DeepSeek Chat模型:

Does not support images
Does not support browser use
Supports prompt caching
Max output: 8,000 tokens
Cache writes price: $0.27/million tokens
Cache reads price: $0.07/million tokens
Output price: $1.10/million tokens

DeepSeek Reasoner模型:

Does not support images
Does not support browser use
Supports prompt caching
Max output: 8,000 tokens
Cache writes price: $0.55/million tokens
Cache reads price: $0.14/million tokens
Output price: $2.19/million tokens 


调用DeepSeek模型创建页面

接下来测试一下创建一个简单的登录页面(HTML):

在login.html中实现一个具有现代科技感的登录页面,要求没有其他依赖,能直接使用。

自动干活中,耐心等待结果:

本次开销 $0.0089(0.0647元),生成结果:

图中绿色的动画还有bug,需要再次调试。

在消息框中输入@,然后选择Problems:

输入提示词:

刚才生成的login.html中绿色背景动画在鼠标悬浮状态下有bug,显示样式很奇怪

然后交给Cline解决bug:

本次消费 $0.0059(0.0429元),显示效果如下:


示例下载

GitCode下载链接:qml登录示例(Qt5)

包含:

  • Claude-3.7-sonnet 生成的qml登录示例
  • DeepSeek-R1生成的登录网页