> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Devin 会话工具

> Devin 的 IDE、Browser 和 Shell 工具完整指南

在会话过程中，Devin 提供了三个强大的工具，帮助你监控、与其交互，并在需要时接管 Devin 的工作：Shell、IDE 和浏览器。这些工具协同工作，让你对 Devin 的开发环境拥有完整的可见性与控制权。“Progress” 选项卡将这些工具汇总到一个统一视图中，让你可以清晰地了解 Devin 正在进行的工作。

<div id="progress-tab">
  ## 进度选项卡
</div>

你可以点击 Devin 会话中的任一步骤，或者点击“进度”选项卡来查看该步骤的详细信息。所有 shell 命令、代码编辑和浏览器活动都会被记录并展示在同一个统一视图中。

<Frame>
  <img src="https://mintcdn.com/cognitionai/jXY34FCFVGnmuB3S/images/work-with-devin/devin-progress-tab.gif?s=b8f3d2f5fb24f229e04adf6487c92f1c" alt="Devin" width="800" height="563" data-path="images/work-with-devin/devin-progress-tab.gif" />
</Frame>

<div id="shell-terminal">
  ## Shell 与终端
</div>

Devin 的 shell 为开发环境提供了完整的命令行访问权限。你可以监控 Devin 执行的命令、查看输出，并在需要时运行你自己的命令。

<div id="command-history-features">
  ### 命令历史记录功能
</div>

借助命令历史记录功能，你可以轻松查看 Devin 运行过的所有命令列表，并预览每条命令的输出。主要功能包括：

* **完整命令列表**：查看 Devin 在当前会话期间执行过的每一条命令
* **输出预览**：无需切换上下文即可查看每条命令的输出
* **复制功能**：快速将命令和输出复制到剪贴板
* **时间导航**：通过点击命令跳转到会话中的不同时间点
* **与进度更新集成**：Shell 命令与 Devin 的进度更新关联，用于提供上下文

<Frame>
  <img src="https://mintcdn.com/cognitionai/jXY34FCFVGnmuB3S/images/work-with-devin/devin-shell.png?fit=max&auto=format&n=jXY34FCFVGnmuB3S&q=85&s=5f889abb46f3267cc79b0d1a37d3a7f7" alt="Devin" width="3764" height="1800" data-path="images/work-with-devin/devin-shell.png" />
</Frame>

<div id="view-shell-updates">
  ### 查看 Shell 更新
</div>

在会话过程中，你可以点击 Devin 的进度更新，查看 Devin 在处理子任务时使用的具体 Shell 命令。进度视图会在相关工作上下文中展示这些 Shell 更新。

<Frame>
  <img src="https://mintcdn.com/cognitionai/jXY34FCFVGnmuB3S/images/work-with-devin/devin-progress-shell-recording.gif?s=7d1f683c7f2d409726b59c462d32faed" alt="Devin" width="800" height="387" data-path="images/work-with-devin/devin-progress-shell-recording.gif" />
</Frame>

<div id="shell-command-history">
  ### Shell 命令历史
</div>

Shell 更新会显示完整的命令历史记录及相关输出。你可以点击三点图标，轻松复制某条命令及其输出。

<Frame>
  <img src="https://mintcdn.com/cognitionai/jXY34FCFVGnmuB3S/images/work-with-devin/devin-shell-copy-command.png?fit=max&auto=format&n=jXY34FCFVGnmuB3S&q=85&s=db9fe7f4135da7416be8f69ba7b1d7e0" alt="Devin" width="1868" height="806" data-path="images/work-with-devin/devin-shell-copy-command.png" />
</Frame>

灰色显示的命令表示这些命令会在本次会话的后续时间点运行。你可以通过点击“命令历史”部分中的不同命令，跳转到会话中不同的时间点。

<Frame>
  <img src="https://mintcdn.com/cognitionai/jXY34FCFVGnmuB3S/images/work-with-devin/devin-shell-command-history.png?fit=max&auto=format&n=jXY34FCFVGnmuB3S&q=85&s=fe396aa65718c89c062a0f1be3f551f8" alt="Devin" width="1862" height="804" data-path="images/work-with-devin/devin-shell-command-history.png" />
</Frame>

<div id="running-your-own-commands">
  ### 运行你自己的命令
</div>

当你接管 Devin 的机器时，你拥有完整的终端访问权限。你可以：

* 在 VSCode 中打开终端以直接运行命令
* 将终端从只读模式切换为可写模式
* 运行任何你需要的命令来调试、测试或配置环境

<div id="devin-ide">
  ## Devin IDE
</div>

Devin 在一个交互式的 VSCode 环境中工作，该环境已加载你的代码仓库。你可以实时查看 Devin 的修改，然后使用你熟悉的 IDE 工具和快捷键对修改进行调整，或直接测试 Devin 的代码。

<Frame>
  <img src="https://mintcdn.com/cognitionai/jXY34FCFVGnmuB3S/images/work-with-devin/devin-ide-recording.gif?s=3af6bc8edb242868724f961ed580ee80" alt="Devin" width="800" height="387" data-path="images/work-with-devin/devin-ide-recording.gif" />
</Frame>

<div id="reviewing-devins-work-in-real-time">
  ### 实时查看 Devin 的工作
</div>

你可以实时看到 Devin 所做的修改。你使用的是一个功能齐全的 IDE，支持你熟悉的所有快捷键，因此你可以在新标签页中打开文件、跳转到定义等。

<div id="taking-over-devins-task">
  ### 接管 Devin 的任务
</div>

Devin 的 IDE 允许你在需要时接管 Devin 的工作，在不离开 Devin Web 应用的情况下对变更进行端到端测试和修复。点击停止当前会话以接管控制权，然后开始自己使用 IDE。IDE 中提供了许多常用命令，包括：

* **Cmd/Ctrl+K**：从自然语言生成终端命令
* **Cmd/Ctrl+I**：快速回答问题或快速编辑文件
* **Tab 自动补全**：进行代码补全

Devin 的所有终端、命令及其输出都可在 VSCode 中查看。你可以在只读与可写之间切换，以运行你自己的命令。

<div id="ide-best-practices">
  ### IDE 最佳实践
</div>

在接手 Devin 的工作时，请牢记以下几点建议：

* 在继续会话时，让 Devin 知道你已经做了哪些更改
* 在接管 IDE 之前，确保 Devin 处于暂停状态，以避免出现同时进行且互相冲突的更改
* 使用 Devin 的浏览器自行测试本地构建，而无需离开 Web 应用

<div id="interactive-browser">
  ## Interactive Browser
</div>

Interactive Browser 位于 session UI 的 **Desktop** 选项卡下。它允许你直接查看并与 Devin 的浏览器和桌面环境交互。此功能在执行 Devin 可能需要你协助的浏览器任务时尤其有用，例如完成 CAPTCHA、多因素身份验证步骤、浏览复杂网站等。

<Note>该选项卡此前名为“Browser”，现已重命名为“Desktop”，以体现 Devin 完整桌面环境的能力。</Note>

<Frame>
  <img src="https://mintcdn.com/cognitionai/jXY34FCFVGnmuB3S/images/work-with-devin/devin-browser-recording.gif?s=9e95a9207b7f69329bf2c3b1d0940ad5" alt="Devin" width="800" height="387" data-path="images/work-with-devin/devin-browser-recording.gif" />
</Frame>

<div id="browser-use-cases">
  ### 浏览器使用场景
</div>

Interactive Browser 特别适用于：

* **测试本地应用程序**：在浏览器中直接测试运行在 Devin 机器上的应用程序
* **视觉验证**：在浏览器中验证 UI 更改的显示是否正确
* **截图和录屏**：Devin 可以捕获浏览器的截图和视频，并提交给你，作为测试证明或结果展示
* **认证流程**：完成 Devin 无法自动处理的登录步骤、MFA 挑战或 OAuth 流程
* **处理 CAPTCHA**：在 Devin 遇到 CAPTCHA 时手动完成验证
* **复杂导航**：帮助 Devin 在复杂的网页界面或多步表单中进行导航

<div id="cookie-persistence">
  ### Cookie 持久化
</div>

当你在一次会话中与浏览器交互时，cookie 和会话数据会在整个会话期间持续保留。也就是说，你只需登录各项服务一次，Devin 就会在本次会话的剩余时间内维持你的登录状态。

<div id="integration-workflow">
  ## 集成与工作流
</div>

IDE、浏览器和 Shell 工具无缝协同工作，提供完整的开发体验。

Devin 可以并发执行一整批操作，例如在运行 shell 命令的同时查看浏览器并阅读多个代码文件。这种并行执行提高了速度和效率。

<div id="typical-workflow">
  ### 典型工作流
</div>

使用这些工具的典型工作流可能如下所示：

1. **启动会话**，让 Devin 开始工作
2. **监控进度**，借助进度更新了解执行情况
3. **检查 shell 命令**，了解 Devin 正在执行的操作
4. 在 IDE 中使用 diff 视图**审查小范围代码更改**
5. （用于前端开发的）**功能测试**原型
6. 如有需要，**接管**，停止 Devin 并直接在 IDE 中操作
7. 在完成修改并告知 Devin 你所做的更改后，**恢复 Devin 工作**

<div id="best-practices">
  ## 最佳实践
</div>

<div id="when-to-use-each-tool">
  ### 各工具的适用场景
</div>

| 工具                                | 最佳适用场景                |
| --------------------------------- | --------------------- |
| **IDE**                           | 审查代码变更、快速编辑、调试        |
| **Desktop** (Interactive Browser) | 前端原型开发、可视化测试、身份验证相关操作 |
| **Shell**                         | 监控命令执行、运行测试、排查问题      |

<div id="tips-for-effective-collaboration">
  ### 高效协作技巧
</div>

* **尽早干预**：如果你发现 Devin 走偏了，要尽早停止并重新引导
* **利用命令历史记录**：通过 shell 命令历史记录了解 Devin 已尝试过什么，以及哪些已奏效
* **同步变更**：如果是继续之前的会话，一定要告知 Devin 在你接手期间所做的任何修改