Devin AI开发操作区应用：实时执行与随时接管实操【操作】

Devin AI支持人机结对编程：可中断终端、编辑代码、手动交互，接管后需输入指令或发/review复核。必须等终端显示“Ready”且文件树高亮完成才能接管，三种接管方式对应终端、编辑器、浏览器场景。

你需要在Devin AI的Web IDE中实时观察代码修改、终端执行和网页预览，并在任意环节中断AI操作、手动编辑文件或接管终端输入——这不是单向委托，而是人机结对编程的实操现场。

进入开发操作区并启动任务

打开 app.devin.ai → 登录 Teams 账户 → 在对话区输入需求（例如：“修复 fp-ts-exercises 仓库中 test/02-either.test.ts 第17行的类型错误”）→ 点击发送。

Devin 自动克隆仓库、分析依赖、定位问题文件，3～8秒后左侧文件树展开，中间编辑器加载 src/02-either.ts，下方终端开始执行 npm install。这一步不可跳过，【必须等终端显示“Ready”且文件树完成高亮标记，才能进行后续接管】。

实时执行中的三种接管方式

方法一：中断当前动作并接管终端
当终端正在运行 vitest --run 且卡在某个测试失败时，点击终端右上角的 ⏹️ 按钮 → 终端立即停止 → 光标恢复可输入状态 → 直接键入 npm run build 或 vi src/02-either.ts 进行手动调试。

方法二：覆盖编辑器中的AI生成代码
AI已在中间编辑器打开 solution.ts 并写入新逻辑，但你发现第5行漏了 await → 将光标移至该行 → 直接补上 await → 按 Ctrl+S 保存 → Devin 检测到文件变更，自动暂停后续步骤，等待你确认是否继续。

方法三：右侧浏览器预览页中手动触发交互
AI正为项目添加一个 React 预览页，右侧已加载 http://localhost:3000 → 此时点击页面上的“Toggle Debug Mode”按钮 → 页面响应并弹出控制台 → Devin 不会干涉该操作，但会在对话区自动追加一条消息：“检测到用户手动触发 UI 交互，已暂停自动化流程。”

接管后继续协同的两个关键动作

第一步：在对话区输入明确指令
例如：“刚才我改了 src/utils/parse.ts 的第12行，现在请基于新逻辑重跑所有测试，并只报告失败项。” Devin 会重新读取文件哈希、跳过已验证步骤、直接执行 npm test -- --testPathPattern=utils。

第二步：用 /review 命令发起人工复核
AI完成全部修改并生成 PR 描述后，在对话区单独发送 /review → 界面立刻切换为对比视图，左侧显示原始文件，右侧显示AI修改后的版本，所有增删行带颜色标记 → 你用鼠标选中某一行 → 点击右键 → 选择“Reject this change” → 该行被撤回，编辑器同步更新。

点击右侧预览页地址栏旁的 “Re-run preview” 按钮。