Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>浣熊New to Visual Studio Code? Get it now.
浣熊

浣熊

token-box

|
74 installs
| (0) | Free
得益于TokenAI提供AI能力在您的IDE中自动编码代理,能够创建/编辑文件、运行命令、使用浏览器,以及在您允许的情况下进行更多操作。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

浣熊

认识一下浣熊,一个能够使用您的CLI和编辑器的人工智能助手。

多亏了Claude 3.5 Sonnet 的代理编码能力,浣熊能够逐步处理复杂的软件开发任务。通过让他创建和编辑文件、探索大型项目、使用浏览器以及执行终端命令(在您授权后),他可以在超越代码补全或技术支持的方式上为您提供帮助。浣熊甚至可以使用模型上下文协议(MCP)来创建新工具并扩展自己的功能。传统上,自主的 AI 脚本在沙盒环境中运行,但这个扩展提供了一个人机交互的 GUI,以批准每次文件更改和终端命令,为探索代理 AI 的潜力提供了一种安全和可访问的方式。

  1. 输入您的任务并添加图像,将模型转换为功能应用程序或使用屏幕截图修复错误。
  2. 浣熊首先通过分析您的文件结构和源代码 ASTs、运行正则表达式搜索和阅读相关文件来快速熟悉现有项目。通过仔细管理添加到上下文的信息,浣熊可以即使对于大型复杂项目也可以提供有价值的帮助,而不会使上下文窗口过载。
  3. 一旦浣熊获得所需的信息,他可以:
    • 创建和编辑文件 + 在此过程中监视代码检查器/编译器错误,让他主动修复诸如缺少导入和语法错误之类的问题。
    • 直接在您的终端中执行命令并在工作时监视其输出,使他能够在编辑文件后响应开发服务器问题。
    • 对于 Web 开发任务,浣熊可以在无头浏览器中启动网站,点击、输入、滚动并捕获屏幕截图 + 控制台日志,让他能够修复运行时错误和视觉错误。
  4. 当任务完成时,浣熊将通过一个类似open -a "Google Chrome" index.html的终端命令向您呈现结果,您只需点击一个按钮即可运行。

[!TIP] 使用CMD/CTRL + Shift + P快捷键打开命令面板,然后键入"Raccoon: Open In New Tab"以在您的编辑器中将扩展作为选项卡打开。这样您就可以将浣熊与文件资源管理器并排使用,更清楚地看到他如何改变您的工作区。


使用任何 API 和模型

浣熊支持诸如OpenAI、Google Gemini、AWS Bedrock、Azure 和 GCP Vertex 等 API 提供商。您还可以配置任何兼容 OpenAI 的 API,或通过 LM Studio/Ollama 使用本地模型。如果您使用 OpenRouter,该扩展会获取其最新模型列表,使您可以在新模型可用时立即使用。

该扩展还会跟踪整个任务循环和单个请求的总令牌和 API 使用成本,让您了解每一步的开销。


在终端中运行命令

由于 VSCode v1.93 中的新终端集成更新,浣熊可以直接在您的终端中执行命令并接收输出。这使他能够执行各种任务,从安装软件包和运行构建脚本到部署应用程序、管理数据库和执行测试,同时适应您的开发环境和工具链,以正确完成工作。

对于像开发服务器这样的长时间运行的进程,可以使用“在运行时继续”按钮,让浣熊在命令在后台运行时继续任务。当浣熊工作时,他将收到沿途的任何新终端输出通知,让他能够对可能出现的问题做出反应,比如在编辑文件时出现的编译时错误。


创建和编辑文件

浣熊可以直接在您的编辑器中创建和编辑文件,并向您展示更改的差异视图。您可以直接在差异视图编辑器中编辑或恢复浣熊的更改,或在对话中提供反馈,直到您对结果满意为止。浣熊还会监视代码检查器/编译器错误(缺少导入、语法错误等),以便他可以自行解决出现的问题。

浣熊所做的所有更改都记录在您文件的时间轴中,提供了一种轻松跟踪和恢复修改(如果需要)的方式。


使用浏览器

借助 Claude 3.5 Sonnet 的新计算使用功能,浣熊可以启动浏览器,点击元素、输入文本、滚动,同时在每一步捕获屏幕截图和控制台日志。这使得进行交互式调试、端到端测试,甚至一般的 Web 使用成为可能!这使他能够自主地修复视觉错误和运行时问题,而无需您手动操作和复制粘贴错误日志。

尝试要求浣熊“测试应用程序”,看看当他运行像 npm run dev 这样的命令时,启动本地运行的开发服务器并在浏览器中执行一系列测试来确认一切正常。在这里查看演示


“添加一个工具,用于…”

通过模型上下文协议,浣熊可以通过自定义工具扩展他的功能。尽管您可以使用社区制作的服务器,但浣熊可以创建和安装适合您特定工作流程的工具。只需要求浣熊“添加一个工具”,他将处理一切,从创建新的 MCP 服务器到将其安装到扩展中。这些定制工具然后成为浣熊的工具包的一部分,可用于未来的任务。

  • “添加一个获取 Jira 问题的工具”:检索票 AC 并让浣熊开始工作
  • “添加一个管理 AWS EC2 的工具”:检查服务器指标并对实例进行扩展或缩减
  • “添加一个获取最新 PagerDuty 事件的工具”:获取详细信息并让浣熊修复错误


添加上下文

@url: 粘贴一个 URL,以便扩展获取并转换为 markdown,当您想要给浣熊最新文档时很有用

@problems: 添加工作区错误和警告(“问题”面板),以便浣熊修复

@file: 添加文件内容,这样您就不必浪费 API 请求来批准读取文件(+键入以搜索文件)

@folder: 一次性添加文件夹的所有文件,以加快您的工作流程


检查点:比较和恢复

当浣熊处理任务时,扩展会在每个步骤中对您的工作区进行快照。您可以使用“比较”按钮查看快照和当前工作区之间的差异,并使用“恢复”按钮回滚到该点。

例如,当与本地 Web 服务器一起工作时,您可以使用“仅恢复工作区”快速测试应用程序的不同版本,然后在找到要继续构建的版本时使用“恢复任务和工作区”。这样您就可以安全地探索不同的方法,而不会丢失进度。


贡献

要为该项目做出贡献,请从我们的贡献指南开始学习基础知识。您还可以加入我们的Discord在#contributors频道与其他贡献者交流。如果您正在寻找全职工作,请查看我们的职位空缺!

本地开发说明
  1. 克隆存储库(需要git-lfs):
    git clone https://github.com/cline/cline.git
    
  2. 在 VSCode 中打开项目:
    code cline
    
  3. 为扩展和 webview-gui 安装必要的依赖项:
    npm run install:all
    
  4. 通过按下 F5(或Run->Start Debugging)启动,以打开一个加载了扩展的新 VSCode 窗口。如果在构建项目时遇到问题,您可能需要安装esbuild problem matchers 扩展。

许可证

Apache 2.0 © 2024 浣熊机器人公司

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft