Cline – OpenRouter 排名第一的CLI 和 编辑器 的 AI 助手,Cline 官网:https://github.com/cline/cline
Star 37.8k
ps,OpenRouter的网址是:OpenRouter ,这个排名第一,据我观察,是DeepSeek v3这个模型的应用里面,排名第一。另外排名第二的Roo Code,原来的名字叫Roo Cline,由此可见Cline在DeepSeek v3模型这个赛道的流行度!
认识 Cline,一个可以使用你的 CLI 和 编辑器 的 AI 助手。
感谢 Claude 3.7 Sonnet 的代理编码能力,Cline 可以一步步处理复杂的软件开发任务。通过允许他创建和编辑文件、探索大型项目、使用浏览器和执行终端命令(在你授予权限后),他可以提供超越代码完成或技术支持的帮助。Cline 甚至可以使用 Model Context Protocol (MCP) 创建新工具并扩展自己的能力。虽然自主 AI 脚本传统上在沙盒环境中运行,但此扩展提供了一个人机交互的 GUI 来批准每个文件更改和终端命令,提供了一种安全且可访问的方式来探索代理 AI 的潜力。
- 输入你的任务并添加图像,将模型转换为功能应用程序或通过截图修复错误。
- Cline 首先分析你的文件结构和源代码 AST,运行正则表达式搜索,并阅读相关文件以了解现有项目。通过仔细管理添加到上下文中的信息,Cline 即使在大型复杂项目中也能提供有价值的帮助,而不会使上下文窗口过载。
- 一旦 Cline 获得所需信息,他可以: - 创建和编辑文件 + 监控 linter/编译器错误,从而主动修复诸如缺少导入和语法错误等问题。 - 直接在你的终端中执行命令并监控其输出,从而在编辑文件后对开发服务器问题做出反应。 - 对于 Web 开发任务,Cline 可以在无头浏览器中启动网站,点击、输入、滚动并捕获截图和控制台日志,从而修复运行时错误和视觉错误。
- 当任务完成时,Cline 将通过终端命令如
open -a "Google Chrome" index.html
向你展示结果,你可以通过点击按钮运行该命令。[!提示] 使用
CMD/CTRL + Shift + P
快捷键打开命令面板并输入 "Cline: Open In New Tab" 将扩展作为标签在编辑器中打开。这让你可以与文件资源管理器并排使用 Cline,更清楚地看到他如何改变你的工作空间。
在VScode安装Cline
在VScode插件查找Cline,然后安装,安装完成!
安装好后,在Cline里安装blender-mcp,结果跟在tare里一样,卡住。好了先不管MCP这块了。我们换一个任务。
给Cline设置调用的模型,我们当然是使用DeepSeek-V3啦,
使用Cline帮助解决DeepSite报错问题
将官方的DeepSite 下载到本地后,使用npm install安装,npm run build构建,结果报错:
src/components/App.tsx:6:23 - error TS2306: File 'E:/github/deepsite/node_modules/react-toastify/dist/index.d.mts' is not a module.
6 import { toast } from "react-toastify";
~~~~~~~~~~~~~~~~
src/components/ask-ai/ask-ai.tsx:5:23 - error TS2306: File 'E:/github/deepsite/node_modules/react-toastify/dist/index.d.mts' is not a module.
5 import { toast } from "react-toastify";
~~~~~~~~~~~~~~~~
src/components/deploy-button/deploy-button.tsx:4:23 - error TS2306: File 'E:/github/deepsite/node_modules/react-toastify/dist/index.d.mts' is not a module.
4 import { toast } from "react-toastify";
~~~~~~~~~~~~~~~~
src/main.tsx:3:32 - error TS2306: File 'E:/github/deepsite/node_modules/react-toastify/dist/index.d.mts' is not a module.
3 import { ToastContainer } from "react-toastify";
~~~~~~~~~~~~~~~~
Found 4 errors.
在VSCode的Cline里面,咨询该问题:
使用npm run build报错,然后把报错信息附上。
会看到Cline尝试解决问题:
我感觉这个效果跟Trae是差不多的,因为Trae也是使用DeepSeek-v3模型。
碰到新的报错:
npm install --save-dev @types/react-toastify
npm : 无法加载文件 E:\Program Files\nodejs\npm.ps1。未对文
件 E:\Program Files\nodejs\npm.ps1 进行数字签名。无法在当前
系统上运行该脚本。有关运行脚本和设置执行策略的详细信息,请
参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 abo
ut_Execution_Policies。
所在位置 行:1 字符: 1
+ npm install --save-dev @types/react-toastify
+ ~~~
+ CategoryInfo : SecurityError: (:) [],PSSecu
rityException
+ FullyQualifiedErrorId : UnauthorizedAccess
把这些报错信息黏贴给Cline(这里不如Trae,因为Trae选build模式的话,是可以自动拿到输出信息进行下一步处理(后来发现,Cline也是可以自动拿到输出信息,自动化处理的))。Cline给了下一步处理的方法:
根据反馈,执行
npm install
命令时出现了权限问题,提示无法加载npm.ps1
文件。这通常是由于 PowerShell 的执行策略设置导致的。为了解决这个问题,我将更改 PowerShell 的执行策略,以允许脚本运行。可以使用以下命令来设置执行策略:
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
这将允许当前用户运行本地脚本和从互联网下载的签名脚本。
我将执行该命令。
然后按照提示,按一下“Run Command”按钮,
Cline wants to execute this command:
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
后面又出现了一些报错信息,Cline都自动化的寻找解决方法了,只是最终需要用户按一下“确认”或 “Run Command”按钮 。
总结下
总体感觉Cline还是挺不错的,跟Trae的功能差不多。
之所以一些问题要好几次才能解决,大约跟Windows下的终端、Powershell等环境复杂有一些关系,在Trae里面也碰到过。
Cline的一些功能
等以后再慢慢研究了
“添加一个工具……”
感谢 Model Context Protocol,Cline 可以通过自定义工具扩展他的能力。虽然你可以使用 社区制作的服务器,但 Cline 可以创建和安装适合你特定工作流程的工具。只需让 Cline “添加一个工具”,他将处理所有事情,从创建新的 MCP 服务器到将其安装到扩展中。这些自定义工具将成为 Cline 工具包的一部分,准备在未来的任务中使用。
- “添加一个获取 Jira 工单的工具”:检索工单 AC 并让 Cline 开始工作
- “添加一个管理 AWS EC2 的工具”:检查服务器指标并上下扩展实例
- “添加一个获取最新 PagerDuty 事件的工具”:获取详细信息并让 Cline 修复错误
添加上下文
@url
: 粘贴一个 URL 以供扩展获取并转换为 markdown,当你想给 Cline 提供最新文档时非常有用
@problems
: 添加工作区错误和警告(“问题”面板)以供 Cline 修复
@file
: 添加文件内容,这样你就不必浪费 API 请求批准读取文件(+ 输入以搜索文件)
@folder
: 一次添加文件夹的文件,以进一步加快你的工作流程
检查点:比较和恢复
当 Cline 完成任务时,扩展会在每一步拍摄你的工作区快照。你可以使用“比较”按钮查看快照和当前工作区之间的差异,并使用“恢复”按钮回滚到该点。
例如,当使用本地 Web 服务器时,你可以使用“仅恢复工作区”快速测试应用程序的不同版本,然后在找到要继续构建的版本时使用“恢复任务和工作区”。这让你可以安全地探索不同的方法而不会丢失进度。
调试
碰到过自建AI服务器无法联通的情况
我自建了一个AI API服务器,它是兼容OpenAI的调用格式,在另一个软件里连通时使用了LMStudio选项,但是在Cline里,使用LMStudio始终连不上。
后来发现Cline里有OpenAI兼容模式,在里面配置好base_url,然后就调通了。
python环境的问题
vscode里习惯将python环境放在工作目录下的.env目录下。