Featured image of post VS Code + Cline + Deepseek - 最佳AI代码助手(无脑版)

VS Code + Cline + Deepseek - 最佳AI代码助手(无脑版)

简介

随着AI编程助手的快速发展,开发者现在有多种选择来提高编码效率。本文将对比VS Code Cline做一个快速介绍。

功能

Cline

Cline是一个开源的AI编程助手,方便集成于VS Code中。主要特点包括:

  • 实时代码补全与建议
  • 上下文感知的代码生成
  • 支持多种编程语言
  • 本地模型运行选项(本文使用Deepseek作为模型API)

安装

直接进入VS Code的插件管理(Extension),点击安装即可。

初始设置

主要是设置大模型和对应的API,Cline支持主流的大模型,例如OpenAi, Gemini, QWen, Deepseek等, 另外也支持OpenRouter,今天我使用Deepseek的API(因为调用比较便宜)。

这里Cline非常贴心地为我列出来我选择的模型所对应的能力,以及价格,改变所选的模型,价格会随之发生变化. Cline会在完成每一次对大模型的API调用后根据单价和使用的Token数计算出所需的费用。

实战

我们用Clien + Deepseek API来实现一个网页版的车牌号码生成器。

为了方便Cline进行添加和修改代码,我先创建了一个空的Nextjs项目。

我最初的本意是先告诉cline一个大致的想法,让它先不要行动,然后经过多轮会话之后我将我的需求逐条传递过去,结果,我刚写完一个概要,Cline就迫不及待的想阅读项目的所有文件,

请求读取package.json文件

请求读取layout.js文件

然后就自作主张开始生成page.js文件

然后又要创建一个组件文件

好好好, 都答应你 哈哈哈

然后,万万没想到啊,Cline竟然直接说任务已经完成了,还煞有介事的告诉我运行项目的命令,直接点击按钮就可以在命令行中启动命令

最后的效果,我们来看看:

点击按钮,上面的数字会变好(文字颜色是灰色,Cline并没有调整)

改改颜色总可以吧

鉴于Cline太自作聪明,我还是要适应一下, 接下来我让Cline进行风格优化。

经过Cline一系列神操作,再加上我动动手指点击同意更新,文字颜色就改好了。本身这个修改也就是几个字符的修改。

使用体验

有点“霸道”

Cline有点太“智能”了,就是我还没说完我要干啥,它就开始开工了,喊都喊不住啊,结果当然不是我想要的呀

无缝集成Terminal

直接可以运行命令行

以Task为最小沟通单位,但是缺少人类参与任务澄清的机会

经常是Cline自己说这个任务它已经完成了,然后作为人类,我就不得不开始一个新任务来继续描述我的需求。

适合完全无开发经验的小白

反正也看不懂,也不用看,就是点点鼠标就行(甚至可以设置自动批准模式,连点鼠标都省了)。

大模型调用成本清晰可见

通过实时计算消耗的Token来计算每个任务以及任务中每个API请求花费了多少钱。我使用的版本显示金额单位为美元。上述的任务大概消耗了0.01美元,这个价格是来自Deepseek API且使用deepseek-chat大模型。

彩蛋

Cline自带的MCP服务市场在未来还是很有机会出彩的,因为一个系统之所以成为系统,必定有各个子系统进行集成,而MCP正是这个胶水或者USB hub,后面我会就MCP服务单独进行介绍。

By 大可出奇迹