cline

Cline (前称 Claude Dev) – OpenRouter 排行榜第一

认识一下 Cline，一个可以使用你的命令行界面（CLI）和编辑器的 AI 助手。

得益于 Claude 3.5 Sonnet 的代理编码功能，Cline 可以一步步处理复杂的软件开发任务。通过创建和编辑文件、浏览大型项目、使用浏览器及执行终端命令的工具（在您授予权限后），它不仅仅是代码补全或技术支持。甚至利用模型上下文协议（MCP）创建新工具，增强其功能。虽然自主的 AI 脚本传统上在沙箱环境中运行，但这个扩展提供了人机交互的图形用户界面（GUI）来批准每次文件更改和终端命令，安全且便捷地探索代理 AI 的潜力。

1. 输入你的任务，并添加图片，将设计稿转化为功能应用或用截图修复错误。
2. Cline 会首先分析你的文件结构和源代码抽象语法树（AST），执行正则表达式搜索，并读取相关文件以熟悉现有项目。通过仔细管理添加到上下文中的信息，Cline 可以在不淹没上下文窗口的情况下提供有效帮助。
3. 一旦获取到所需信息，Cline 可以：
   • 创建并编辑文件，同时监控 linter/编译器错误，这样它可以主动修复诸如缺少导入和语法错误等问题。
   • 在终端中直接执行命令并监控输出，比如在编辑文件后对开发服务器问题做出反应。
   • 对于网络开发任务，Cline 可以在无头浏览器中启动网站、点击、输入、滚动并截取屏幕截图 + 控制台日志，从而修复运行时错误和视觉错误。
4. 当任务完成后，Cline 会向你展示结果，如用终端命令 open -a "Google Chrome" index.html，只需点击一下按钮即可运行。

[!TIP] 使用 CMD/CTRL + Shift + P 快捷键打开命令面板，并输入 "Cline: Open In New Tab" 以将扩展作为编辑器中的选项卡打开。这样可以让你在文件浏览器旁使用 Cline，更清晰地看到工作空间的变化。

---

使用任意 API 和模型

Cline 支持如 OpenRouter、Anthropic、OpenAI、Google Gemini、AWS Bedrock、Azure 和 GCP Vertex 的 API 提供商。你还可以配置任何兼容 OpenAI 的 API，或通过 LM Studio/Ollama 使用本地模型。如果你使用 OpenRouter，这个扩展会获取他们的最新模型列表，允许你立即使用最新的模型。

扩展还会跟踪整个任务循环和个别请求的总 Token 和 API 使用费用，让你了解每一步的支出情况。

在终端中运行命令

借助 VSCode v1.93 的新终端 shell 集成更新，Cline 可以直接在你的终端执行命令并接收输出。这让他可以执行从安装包、运行构建脚本到部署应用、管理数据库和执行测试的广泛任务，同时适应你的开发环境和工具链以正确完成任务。

对于长时间运行的进程，如开发服务器，可使用“Running 时继续”按钮让 Cline 在命令后台运行时继续进行任务。Cline 工作时，他会收到任何新的终端输出通知，让他对可能出现的问题做出反应，例如编辑文件时的编译时错误。

创建和编辑文件

Cline 可以直接在你的编辑器中创建和编辑文件，向你呈现更改的差异视图。你可以直接在差异视图编辑器中编辑或撤销 Cline 的更改，或在聊天中提供反馈，直到你对结果满意。Cline 还监控 linter/编译器错误（如缺少导入、语法错误等），这样如果出现问题他能自己修复。

Cline 所做的所有更改都会记录在文件的时间线上，提供了一种简单的方法来跟踪和撤销修改（如果需要的话）。

使用浏览器

凭借 Claude 3.5 Sonnet 的新 计算机使用功能，Cline 可以启动浏览器、点击元素、输入文本以及滚动，同时在每一步截屏并记录控制台日志。这支持了互动调试、端到端测试，甚至是一般的网络使用！这赋予了他修复视觉错误和运行时问题的自主权，而无需你手动复制粘贴错误日志。

尝试让 Cline “测试应用”，观察他如何运行命令 npm run dev，在浏览器中启动本地运行的开发服务器，并执行一系列测试以确认一切正常。在此观看演示。

"添加一个工具，可以..."

得益于 模型上下文协议，Cline 可以通过自定义工具扩展其能力。虽然你可以使用 社区制成的服务器，Cline 也可以创建并安装根据你特定工作流程定制的工具。只需让 Cline “添加一个工具”，他就会处理一切事务，从创建新的 MCP 服务器到将其安装到扩展中。然后，这些自定义工具就成了 Cline 的工具箱的一部分，准备在未来的任务中使用。

• “添加一个工具来获取 Jira 工单”：获取工单 AC 并让 Cline 开始工作
• “添加一个工具管理 AWS EC2”：检查服务器指标并扩大或缩小实例
• “添加一个工具获取最新的 PagerDuty 事件”：获取详情并让 Cline 修复错误

添加上下文

@url： 粘贴一个 URL，该扩展会获取并转换为 markdown，当你想给 Cline 提供最新文档时很有用

@problems： 添加工作区错误和警告（“问题”面板），让 Cline 来修复

@file： 添加文件内容，这样你就不用浪费 API 请求来批准读文件（+ 类型搜索文件）

@folder： 一次性添加整个文件夹的文件，加快工作流程

检查点：比较与恢复

当 Cline 处理任务时，扩展会在每个步骤对你的工作区进行快照。你可以使用“比较”按钮查看快照与当前工作区之间的差异，并使用“恢复”按钮回到那个时间点。

例如，当使用本地 Web 服务器时，你可以使用“仅恢复工作区”快速测试应用的不同版本，当找到想要继续构建的版本时使用“恢复任务和工作区”。这可以让你安全地探索不同方法，而不丢失进度。

本地开发指南

1. 克隆仓库 (需要 git-lfs)：

   bash
   1git clone https://github.com/cline/cline.git

2. 在 VSCode 中打开项目：

   bash
   1code cline

3. 安装扩展和 webview-gui 所需的依赖：

   bash
   1npm run install:all

4. 按 F5 键（或者选择运行->开始调试）来启动，以在新开窗口中加载扩展。（如果你在构建项目时遇到问题，可能需要安装 esbuild problem matchers extension 扩展。）

许可

Apache 2.0 © 2024 Cline Bot Inc.