Zurück zu den Videos

GitHub

GitHub Copilot app for beginners: using the diff, terminal, and browser

Plattform
YouTube
Länge
2:55
Gesprochene Sprache
Englisch (Vereinigte Staaten)
Aufrufe
5278
Median-Schnitt
5.75s
Gesicht im Bild
62%
Dunkle Bilder
4%
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:00medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:00
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:04medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:04
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:07medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:07
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:12medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:12
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:18medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:18
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:20
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:20
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:21
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:21
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:22
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:22
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:23
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:23
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:24
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:24
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:25
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:25
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:27
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:27
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:29
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:29
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:30
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:30
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:30medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:30
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:38
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:38
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:39
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:39
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:40
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:40
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:41
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:41
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:42
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:42
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:43
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:43
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:44medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:44
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:48
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:48
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:49
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:49
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:50
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:50
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:51
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:51
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:52
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:52
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:54
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:54
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 0:55medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
0:55
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:01
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:01
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:04medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:04
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:06medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:06
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:10
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:10
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:18
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:18
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:22
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:22
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:26
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:26
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:30
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:30
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:31medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:31
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:35medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:35
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:39
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:39
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:41
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:41
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:46
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:46
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:50
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:50
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:51medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:51
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 1:56medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
1:56
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:05medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:05
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:11medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:11
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:16
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:16
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:18
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:18
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:20medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:20
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:29medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:29
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:30medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:30
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:38medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:38
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:45medium presenter
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:45
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:49
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:49
GitHub GitHub Copilot app for beginners: using the diff, terminal, and browser at 2:54
GitHubGitHub Copilot app for beginners: using the diff, terminal, and browser
2:54

Transkript von GitHub Copilot app for beginners: using the diff, terminal, and browser

Von einem Sprachmodell aus dem Ton des Films transkribiert, nicht von der Marke geschrieben. Klicke auf eine Zeile, um an diese Stelle zu springen.

  1. 0:00When an agent makes a change, you'll want to review it, run it, and see it.
  2. 0:04The good news is that you can do all three without leaving the app.
  3. 0:07Normally, those three jobs would mean bouncing between your editor, a terminal window, and a web browser.
  4. 0:12Here, they live side by side as built-in panels, so checking an agent's work is quick, instead of a chore.
  5. 0:18Let's tour them one at a time.
  6. 0:25A diff shows exactly what changed, with additions in green and deletions in red,
  7. 0:29so nothing is a mystery.
  8. 0:30If you're new to the word,
  9. 0:32a diff is simply a before and after comparison.
  10. 0:34The lines that were added, removed, or changed,
  11. 0:36usually colored so they jump out.
  12. 0:38And you're not just a passive reader.
  13. 0:40You can accept changes, leave comments,
  14. 0:42or ask Copilot to adjust.
  15. 0:44This is where you stay the decision maker
  16. 0:46and nothing is final until you say so.
  17. 0:48Now, reading code is good, but running it is better.
  18. 0:51The terminal panel lets you run commands
  19. 0:54right inside the session.
  20. 0:55If a terminal looks intimidating, relax.
  21. 0:57Here, you're mostly just running the project's own commands
  22. 1:00and reading the results.
  23. 1:02For Tailspin Toys, I'll start the app.
  24. 1:04We can do it here by hand, or we can configure it
  25. 1:08as a script and then always have it available
  26. 1:10with the Run button.
  27. 1:11So here, I've added the dev server script
  28. 1:13that opens the client folder and then runs npm run dev.
  29. 1:17If we click Run, this will start the server for the website.
  30. 1:21So the Run action opened a new terminal window,
  31. 1:24but we still have our existing terminal window
  32. 1:26as another tab so we can jump back if we want to to continue running commands.
  33. 1:31For anything with a user interface, the browser panel closes the loop.
  34. 1:35Tailspin Toys is a website so I can open it and actually use the new feature the same way a real
  35. 1:40user would. Here if I wanted to keep iterating I can use the pick and polish tool to select this
  36. 1:46element and then continue to work with the agent because I've added it as context.
  37. 1:50So now we can run our dev server again after I've made any changes and then we'd be able to see the
  38. 1:56fix. So we were able to review the diff, run it in the terminal and see in the browser and
  39. 2:02immediately iterate over it to get a working sort feature. There's no tab hopping, no switching apps,
  40. 2:07no losing your place. That's the tight loop and the whole point. The faster you can go from change
  41. 2:13to confidence, the more comfortable you'll be letting agents help. Once we're happy, we can
  42. 2:17accept the change right here and create a PR and move on. Having review, run and preview side by
  43. 2:23side is exactly what makes agent-made changes feel safe instead of scary because you've seen
  44. 2:28the proof with your own eyes. Together, these built-in panels answer the three questions you
  45. 2:32should always ask about an agent's work. What changed, does it run, and does it actually work?
  46. 2:38Make this your habit. Next time an agent edits your code, open the diff, run the tests,
  47. 2:43and preview it live before you accept. Give it a try with GitHub Copilot app at gh.io.app.
47 Zeilen · 553 Wörter