cline测试
测试
服务介绍
Cline – OpenRouter 上的 #1
认识一下 Cline,这是一个可以使用你的 CLI 和 编辑器 的 AI 助手。
感谢 Claude 3.7 Sonnet 的代理编码能力,Cline 可以逐步处理复杂的软件开发任务。借助允许他创建和编辑文件、探索大型项目、使用浏览器以及执行终端命令(需您授权)的工具,他可以在代码补全或技术支持之外为您提供帮助。Cline 甚至可以使用模型上下文协议 (MCP) 创建新工具并扩展自己的能力。虽然自主 AI 脚本传统上运行在沙盒环境中,但此扩展提供了一个需要人工批准每个文件更改和终端命令的人机交互图形界面,从而提供了一种安全且可访问的方式来探索代理 AI 的潜力。
- 输入您的任务并添加图片,将设计稿转换为功能应用或使用截图修复错误。
- Cline 通过分析您的文件结构和源代码的抽象语法树(ASTs),运行正则表达式搜索,并读取相关文件来快速了解现有项目。通过仔细管理添加到上下文中的信息,即使对于大型复杂项目,Cline 也能提供有价值的帮助而不会使上下文窗口过载。
- 一旦 Cline 获取了所需的信息,他可以:
- 创建和编辑文件 + 在过程中监控 linter/编译器错误,让他能够主动解决诸如缺少导入和语法错误等问题。
- 直接在您的终端中执行命令并在工作时监控其输出,例如,在编辑文件后对开发服务器问题做出反应。
- 对于 Web 开发任务,Cline 可以在无头浏览器中启动网站,点击、输入、滚动并捕获屏幕截图+控制台日志,从而允许他修复运行时错误和视觉错误。
- 当任务完成后,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,扩展程序会获取他们的最新模型列表,让您能够立即使用最新的模型。
扩展程序还会跟踪整个任务循环及单个请求的总令牌数和 API 使用成本,让您每一步都清楚自己的花费情况。
在终端中运行命令
感谢 VSCode v1.93 中新的shell 集成更新,Cline 可以直接在您的终端中执行命令并接收输出。这使得他能够执行从安装包、运行构建脚本到部署应用程序、管理数据库以及执行测试等一系列广泛的任务,同时适应您的开发环境和工具链以正确完成工作。
对于长时间运行的进程,如开发服务器,可以使用“在运行中继续”按钮让 Cline 在命令在后台运行时继续执行任务。当 Cline 工作时,他会收到任何新的终端输出的通知,使他能够对可能出现的问题作出反应,例如编辑文件时出现编译错误。
创建和编辑文件
Cline 可以直接在你的编辑器中创建和编辑文件,并呈现更改的差异视图。你可以在差异视图编辑器中直接编辑或撤销 Cline 的更改,或者通过聊天提供反馈直到你对结果满意为止。Cline 还会监控 linter/编译器错误(如缺少导入、语法错误等),以便他能自行解决过程中出现的问题。
Cline 所做的所有更改都会被记录在文件的时间线中,提供了一种简便的方法来跟踪并根据需要回滚修改。
使用浏览器
借助 Claude 3.5 Sonnet 新的计算机使用能力,Cline 可以启动浏览器、点击元素、输入文本以及滚动,并在每一步捕获屏幕截图和控制台日志。这使得交互式调试、端到端测试甚至一般的网页浏览成为可能!这样,他在不需要你手动复制粘贴错误日志的情况下,就能自主地修复视觉错误和运行时问题。
试着让 Cline “测试应用程序”,观察他如何运行像 npm run dev 这样的命令,在浏览器中启动本地运行的开发服务器,并执行一系列测试以确认一切正常工作。在这里查看演示。
“添加一个工具...”
得益于模型上下文协议,Cline 可以通过自定义工具扩展其功能。虽然你可以使用社区制作的服务器,但 Cline 可以根据你的特定工作流程创建并安装定制工具。只需让 Cline “添加一个工具”,他将处理从创建新的 MCP 服务器到将其安装到扩展程序中的所有事情。这些自定义工具随后将成为 Cline 工具包的一部分,随时可用于未来的任务。
- "添加一个获取Jira票据的工具": 检索票据ACs并将Cline投入工作
- "添加一个管理AWS EC2实例的工具": 检查服务器指标并根据需要增减实例
- "添加一个拉取最新的PagerDuty事件的工具": 获取详细信息并要求Cline修复错误
添加上下文
@url: 粘贴一个URL,扩展程序将获取该链接并转换为markdown格式,当你想要给Cline提供最新文档时非常有用
@problems: 添加工作区中的错误和警告('问题'面板),让Cline来修复
@file: 添加文件内容,这样你就无需浪费API请求去批准读取文件(+输入以搜索文件)
@folder: 一次性添加整个文件夹内的所有文件,进一步加快你的工作流程
检查点:比较与恢复
当Cline执行任务时,扩展程序会在每一步都对您的工作空间进行快照。您可以使用“比较”按钮查看快照与当前工作空间之间的差异,并使用“恢复”按钮回滚到那个点。
例如,在处理本地Web服务器时,可以使用“仅恢复工作空间”快速测试应用程序的不同版本,然后在找到想要继续构建的版本时使用“恢复任务和工作空间”。这允许您安全地探索不同的方法而不会丢失进度。
贡献
要为项目做贡献,请从我们的贡献指南开始学习基础知识。您还可以加入我们的Discord,在#contributors频道与其他贡献者聊天。如果您正在寻找全职工作,请访问我们的职业页面查看开放职位!
- 克隆仓库 (需要 git-lfs):
git clone https://github.com/cline/cline.git - 在 VSCode 中打开项目:
code cline - 安装扩展和 webview-gui 所需的依赖项:
npm run install:all - 按下
F5(或运行->开始调试)启动,以在一个新的 VSCode 窗口中加载扩展。(如果您在构建项目时遇到问题,可能需要安装 esbuild 问题匹配器扩展。)
-
在创建 PR 之前,生成一个 changeset 条目:
npm run changeset这将提示您输入:
- 变更类型(主要、次要、补丁)
major→ 不兼容变更 (1.0.0 → 2.0.0)minor→ 新功能 (1.0.0 → 1.1.0)patch→ 错误修复 (1.0.0 → 1.0.1)
- 您所做的更改描述
- 变更类型(主要、次要、补丁)
-
提交您的更改及生成的
.changeset文件 -
推送您的分支并在 GitHub 上创建 PR。我们的 CI 将会:
- 运行测试和检查
- Changesetbot 将创建一条评论显示版本影响
- 当合并到主分支时,changesetbot 会创建一个版本包 PR
- 当版本包 PR 被合并时,将发布一个新的版本