← Všechny články

GitHub Copilot app pro začátečníky: diff, terminál a prohlížeč

GitHub Copilot app umožňuje kontrolovat změny kódu, spouštět příkazy a testovat webovou aplikaci na jednom místě. Vývojáři tak mohou ověřit práci agenta před jejím přijetím bez přepínání mezi editorem, terminálem a prohlížečem.

Neoficiální české shrnutí a překlad článku Microsoftu. Web není oficiálním kanálem Microsoftu. Originál: GitHub Copilot app for Beginners: Using the diff, terminal, and browser (GitHub Blog).

Vyzkoušejte GitHub Copilot app.

Když agent upraví Váš kód, potřebujete změny zkontrolovat, kód spustit a ověřit výsledek. Všechny tři kroky nyní můžete provést přímo v GitHub Copilot app.

Dříve to znamenalo přepínat mezi editorem, oknem terminálu a webovým prohlížečem. Integrované panely vedle sebe tuto kontrolu usnadňují. Každý z nich pokrývá jednu část pracovního postupu při programování s AI.

Kontrola změn v panelu diff

Panel diff zobrazuje porovnání kódu před úpravou a po ní. Přesně uvidíte, které řádky agent přidal, odstranil nebo změnil. Přidané části jsou zvýrazněné zeleně, odstraněné červeně.

Díky tomu můžete rozhodnout, co bude následovat: změny přijmout, přidat komentáře nebo požádat GitHub Copilot o další úpravy. Konečné rozhodnutí zůstává na Vás.

Spuštění projektu v terminálu

Číst kód je užitečné, ale jeho spuštění poskytne další důležité ověření. V panelu terminálu můžete spouštět příkazy přímo v rámci relace GitHub Copilot app. Pokud Vám terminál připadá složitý, obvykle jde především o spouštění příkazů daného projektu a kontrolu jejich výsledků.

Příkazy můžete zadávat ručně nebo je připravit jako skript dostupný přes tlačítko Run. U webového projektu může postup vypadat takto:

  • Přidejte skript dev server, který přejde do složky klientské části a spustí npm run dev.
  • Kliknutím na Run spusťte server webu.

Současně můžete mít otevřených více oken terminálu, přepínat mezi nimi a dál spouštět příkazy.

Ověření výsledku v prohlížeči

U projektů s uživatelským rozhraním doplňuje celý postup panel prohlížeče. V příkladu s webem v něm můžete stránku otevřít a novou funkci otestovat stejně jako při běžném používání webu.

Pokud chcete pokračovat v úpravách, nástroj Pick & Polish Vám umožní vybrat konkrétní prvek a upravit jej s pomocí agenta.

Po provedení změn můžete znovu spustit skript dev server a ověřit, co se opravilo.

Tím projdete celý postup: zkontrolujete diff, spustíte projekt v terminálu, ověříte jej v prohlížeči a podle potřeby provedete další úpravy, dokud funkce nefunguje podle Vašich představ. Poté můžete změnu přijmout přímo v GitHub Copilot app a vytvořit pull request. Vše probíhá na jednom místě, bez přepínání mezi kartami a aplikacemi nebo ztráty kontextu.

Kontrola změn, spuštění projektu a náhled vedle sebe pomáhají získat větší jistotu v kód vytvořený agentem. Můžete totiž ověřit, že změny, které se chystáte sloučit, skutečně fungují.

Integrované panely odpovídají na tři důležité otázky, které byste si měli položit před přijetím práce agenta:

  • Co se změnilo?
  • Lze kód spustit?
  • A skutečně funguje?

Pokud tyto body projdete před přijetím kódu vytvořeného agentem, lépe porozumíte změnám a ověříte, zda výsledek odpovídá Vašim požadavkům. Kontrola nad výsledkem tak zůstává ve Vašich rukou.