AI资讯 / 工程

工程 / 工程

GitHub Copilot 应用内置三大面板,让 AI 代码审查一站完成

GitHub AI & ML

GitHub Copilot 应用新增三个内置面板,帮助开发者在同一界面内完成对 AI 生成代码的完整审查流程。差异面板(diff panel)以绿色标注新增行、红色标注删除行,让代码变更一目了然,开发者可直接接受、评论或要求 Copilot 修改。终端面板支持在会话内直接运行命令,也可配置为脚本通过 Run 按钮一键启动,并支持同时开启多个终端窗口。浏览器面板则提供实时预览,配合「Pick & Polish」工具可直接选中界面元素并指示 Agent 进行调整。三个面板协同工作,形成「审查—运行—预览」的完整闭环,开发者确认无误后可直接在 Copilot 应用内接受变更并创建 Pull Request,全程无需离开应用或切换标签页。

在 AI 辅助编程日益普及的今天,如何高效审查 Agent 生成的代码成为开发者面临的实际挑战。过去,完成一次完整的代码审查往往需要在代码编辑器、终端窗口和浏览器之间反复切换,流程割裂、容易出错。GitHub Copilot 应用通过将三个关键工具整合为内置面板,试图从根本上解决这一痛点,让整个审查流程在单一界面内流畅完成。

差异面板是审查 AI 代码变更的第一道关口。它以直观的颜色编码呈现代码改动:新增内容以绿色高亮,删除内容以红色标注,开发者可以精确看到每一行的变化情况。在此基础上,开发者拥有完整的决策权——可以接受全部变更、针对具体行留下评论,或者直接要求 Copilot 进行进一步修改,确保最终合并的代码完全符合预期。

终端面板将代码执行能力直接嵌入审查流程。开发者无需离开 Copilot 应用,即可在面板内运行项目命令并查看输出结果。以 Web 项目为例,可以在此配置并启动开发服务器脚本,执行 npm run dev 等常用命令。面板支持同时开启多个终端窗口,方便在不同任务之间灵活切换,满足复杂项目的多任务需求。

浏览器面板则为具备用户界面的项目提供了实时预览能力,是整个审查闭环的最后一环。开发者可以像真实用户一样在面板内操作和测试新功能,直观验证 Agent 的修改是否达到预期效果。配合内置的「Pick & Polish」工具,还可以直接在预览界面中选中特定元素,并通过自然语言指令让 Agent 对其进行精细调整,实现所见即所得的迭代体验。

三个面板的协同运作,构成了一套完整的 AI 代码审查闭环:通过差异面板确认变更内容,在终端面板验证代码可正常运行,再经由浏览器面板确认功能表现符合预期。完成全部验证后,开发者可直接在 Copilot 应用内接受变更并发起 Pull Request,整个过程无需切换任何外部工具。这种一体化的工作流设计,让 Agent 生成的代码变更从「令人担忧」变得「可控可信」,显著降低了将 AI 代码合并入主分支的心理门槛。

要点

  • GitHub Copilot 应用新增差异面板、终端面板和浏览器面板三大内置工具,覆盖代码审查的完整流程
  • 差异面板以颜色编码直观呈现代码变更,开发者可在面板内直接接受、评论或要求修改
  • 终端面板支持在应用内运行项目命令并开启多个窗口,浏览器面板配合 Pick & Polish 工具实现实时预览与迭代
  • 三个面板形成审查—运行—预览闭环,开发者可在同一界面内完成变更确认并创建 Pull Request,无需切换应用
查看原始来源

原始标题:GitHub Copilot app for Beginners: Using the diff, terminal, and browser

本文由 DataHub 基于公开来源整理,用于信息发现与摘要阅读;具体事实、数据和后续更新以原始来源为准。