今日已更新 189 条资讯 | 累计 41866 条内容
关于我们

GitHub Copilot app for Beginners: Using the diff, terminal, and browser

Kayla Cinnamon 2026年09月11日 05:31 1 次阅读 来源:GitHub Blog

Checking agent-generated code usually means hopping between tabs. Learn how to view diffs, run terminal commands, and preview web apps side by side in the GitHub Copilot app. The post GitHub Copilot app for Beginners: Using the diff, terminal, and browser appeared first on The GitHub Blog .

When an agent makes a change to your code, you want to review it, run it, and see what changed. Great news: now you can do all three without having to leave the GitHub Copilot app . Before, doing those three jobs would mean having to bounce between your editor, terminal window, and web browser. But when these steps live side by side as built-in panels in the Copilot app, checking your agent’s work is simple. Let’s walk through each of the panels in the app and how we’ll use them to complete the AI coding loop. Using the diff panel to review changes The diff panel (a diff is a before and after comparison) shows exactly what lines were added, removed, or changed, with additions highlighted in green and deletions in red. This gives you complete clarity, so you can choose what happens. You can accept changes, leave comments, or ask Copilot to make changes. You’re in complete control and make the final decisions. Running commands in the terminal panel Reading code is good, but running it is even better. You can run commands right inside the session from the Copilot app’s terminal panel. And if it looks intimidating, don’t worry. You’re mostly just running the project’s own commands and reading the results. You can run the code by hand or configure it as a script (available through the Run button). Pretend you’re working on a website, here’s an example of how that works: Add the dev server script that opens the client folder and then runs npm run dev . Click Run to start the server for the website. You can have multiple terminal windows open at once, so you can switch between them and keep running commands. Using the pick & polish tool in the browser panel For anything that has a user interface, the browser panel closes the loop. And for our website example: this panel means you can open it and test your new feature as if you were using the site. If you want to keep iterating, you can use the Pick & Polish tool to select an element and adjust it with the agent. And to see
本文内容来源于互联网,版权归原作者所有
查看原文