Cline – OpenRouter 排名第一的CLI 和编辑器的 AI 助手

news2025/4/8 14:27:23

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 工具包的一部分，准备在未来的任务中使用。