初学者GitHub Copilot应用:使用diff、终端和浏览器

检查代理生成的代码通常意味着在标签页之间跳转。了解如何在GitHub Copilot应用中并排查看差异、运行终端命令和预览Web应用。面向初学者的文章GitHub Copilot应用程序:使用diff、终端和浏览器首先出现在GitHub博客上。

当代理对您的代码进行更改时,您需要查看、运行并查看更改的内容。好消息:现在,您无需离开GitHub Copilot应用即可完成这三项操作。在此之前,执行这三项工作意味着必须在编辑器、终端窗口和Web浏览器之间切换。但是,当这些步骤作为Copilot应用程序中的内置面板并排显示时,检查代理的工作非常简单。

让我们浏览一下应用程序中的每个面板,以及我们将如何使用它们来完成AI编码循环。使用差异面板查看更改差异面板(差异是比较之前和之后)准确显示添加、删除或更改的行,添加以绿色突出显示,删除以红色突出显示。这让您完全清楚,因此您可以选择会发生什么。

您可以接受更改、发表评论或要求Copilot进行更改。您可以完全掌控并做出最终决定。在终端面板中运行命令读取代码很好,但运行它更好。您可以从Copilot应用程序的终端面板直接在会话中运行命令。如果看起来很吓人,别担心。

大多数情况下,您只是运行项目自己的命令并读取结果。您可以手动运行代码,也可以将其配置为脚本(可通过“运行”按钮获得)。假设您正在处理一个网站,下面是一个如何工作的示例:添加打开客户端文件夹的开发服务器脚本,然后运行npm run dev。单击运行以启动网站的服务器。

您可以同时打开多个终端窗口,因此您可以在它们之间切换并继续运行命令。使用浏览器面板中的拾取和抛光工具对于具有用户界面的任何内容,浏览器面板都会关闭循环。对于我们的网站示例:此面板意味着您可以打开它并测试您的新功能,就像您使用该网站一样。