GitHub官方博客介绍Copilot应用内置diff、终端与浏览器面板
GitHub官方博客介绍,GitHub Copilot应用内置diff面板、终端面板和浏览器面板,让审查、运行和预览agent生成的代码在同一应用内完成,无需在编辑器、终端和浏览器之间切换。
AI解读:这条新闻说的不是Copilot新增了什么模型能力,而是把审查代码的几块面板收进了同一个应用。以前看diff、跑命令、开浏览器预览要来回切窗口,现在它们并排放在Copilot应用里。
真正受影响的是让agent改代码的开发者。diff面板用绿色和红色标出增删改的行,你可以接受、留评论或让Copilot再改;终端面板能跑项目自己的命令,也可以配成脚本用Run按钮执行;浏览器面板则用来打开有界面的项目,配合Pick & Polish选中元素让agent调整。
这些功能本身不会替你判断代码对不对,官方博客给出的用法是接受前问三件事:改了什么、能不能跑、是不是真的能用。换句话说,工具降低了来回切换的成本,最终确认仍由开发者完成。
GitHub官方博客发布了一篇面向初学者的文章,介绍GitHub Copilot应用中的diff、终端和浏览器三个内置面板。文章称,此前审查agent对代码的修改需要在编辑器、终端窗口和浏览器之间来回切换,现在这三步可以并排在同一应用内完成。
diff面板:查看增删改的行
文章介绍,diff面板(diff即前后对比)会显示具体哪些行被添加、删除或修改,新增行用绿色标出,删除行用红色标出。文章称这能让改动一目了然,开发者可以选择接受改动、留下评论,或要求Copilot继续修改,最终决定权在开发者手中。
终端面板:在会话内运行命令
文章称,除了阅读代码,还可以在Copilot应用的终端面板中直接运行命令。文章表示,多数情况下运行的只是项目自身的命令并读取结果,可以手动运行代码,也可以将其配置为脚本,通过Run按钮执行。
文章以网站项目为例:添加一个开发服务器脚本,打开client文件夹并运行npm run dev,然后点击Run启动网站服务器。文章还提到可以同时打开多个终端窗口,在它们之间切换并持续运行命令。
浏览器面板与Pick & Polish
对于带用户界面的项目,文章称浏览器面板用于闭合验证环节:可以打开面板,像使用网站一样测试新功能。若想继续迭代,可以用Pick & Polish工具选中某个元素并让agent调整;改动后再运行一次开发服务器脚本,即可查看修复结果。
完成闭环后接受改动并创建PR
文章称,走完查看diff、在终端启动项目、在浏览器中检查并反复迭代的流程后,如果结果符合预期,可以直接在Copilot应用中接受改动并创建pull request。文章表示,在一个地方完成整个循环意味着不用切换标签页、切换应用或丢失进度;把审查、运行和预览并排放在一起,是让agent生成的改动“安全而非可怕”的原因,因为你可以证明要合并的内容确实能运行。
文章最后建议在接受agent生成的代码前问三个问题:改了什么?能运行吗?它真的能用吗?