Generování kódu pomocí Copilot Chat GitHubu

GitHub Copilot v Visual Studio Code podporuje následující rozhraní chatu:

• Zobrazení chatu poskytuje asistenta AI, který vám může kdykoli pomoct.

• Okno Rychlý chat se dá použít k rychlé otázce a pak se vrátit k tomu, co děláte.

• Rozhraní Inline chatu se otevře přímo v textovém editoru pro kontextové interakce při psaní kódu.

Zobrazení chatu a okno Rychlého chatu umožňují interaktivní konverzaci na více kol s umělou inteligencí. Obě tato rozhraní poskytují způsob, jak klást otázky, získat pomoc s kódovacím problémem a generovat kód. Zobrazení chatu je robustnější rozhraní, které poskytuje úplný chatový zážitek, zatímco okno Rychlý Chat je navržené pro rychlé interakce.

Rozhraní vloženého chatu je navrženo tak, aby poskytovalo kontextovou nápovědu a návrhy během programování. Vložené rozhraní chatu je dostupné v editoru a umožňuje klást otázky a získávat nápovědu ke konkrétním fragmentům kódu.

Generování kódu pomocí zobrazení chatu

Okno chatu poskytuje spravované prostředí pro konverzace mezi vámi a AI párovým programátorem. Zobrazení chatu můžete použít k kladení otázek, získání nápovědy k problémům s kódováním a generování kódu. Chatová zobrazení jsou navržena tak, aby poskytovala interaktivnější a konverzační zážitek než vložené chatovací rozhraní.

Ve výchozím nastavení se zobrazení chatu nachází v sekundárním bočním panelu na pravé straně okna Visual Studio Code.

Když zahájíte chatovací relaci, tři volby tvarují způsob reakce umělé inteligence:

• Typ agenta: určuje místo, kde se agent spouští. V zobrazení chatu vyberte typ z rozevíracího seznamu Cíl agenta . Výběrem možnosti Místní spustíte agenta interaktivně v editoru s úplným přístupem k pracovnímu prostoru, nástrojům a modelům. Mezi další možnosti patří Copilot CLI, Cloud a poskytovatelé třetích stran.
• Agent: určuje roli nebo osobu umělé inteligence. V zobrazení Chat vyberte agenta z výběru agenta . Tři předdefinované místní agenty jsou Ask, Plan a Agent.
• Úroveň oprávnění: určuje, kolik autonomií agent má pro vyvolání nástrojů a příkazů terminálu. Možnosti jsou výchozí schválení, obcházení schválení a Autopilot.

Použití agenta Ask k vygenerování kódu

Agent Ask je navržený tak, aby vám pomohl analyzovat kód a prozkoumat možnosti nových funkcí před navržením implementací kódu. Při používání agenta Ptejte se GitHub Copilot funguje jako konverzační asistent, který vám může poskytnout odpovědi na vaše otázky a pomoct vám s psaním kódu nebo novými funkcemi.

1. Otevřete zobrazení chatu a vyberte Zeptat se v nabídce agentů.

2. Přidejte do chatu kontext.

   Agent Ask podporuje účastníky chatu, příkazy lomítkem a proměnné chatu. Do chatu můžete přidat #codebase a poskytnout kontext společně se soubory nebo složkami.

3. Položte otázky, které vám pomůžou vyhodnotit novou funkci, kterou chcete implementovat.

   Můžete například požádat GitHub Copilot, abyste pochopili, jak implementovat novou funkci nebo jak používat konkrétní knihovnu.

   • Jak přidám přihlašovací stránku?
   • Jaké jsou osvědčené postupy pro používání Reactu?
   • Jak používat knihovnu @mui/material?

4. Vytvořte výzvu, která popisuje funkci kódu, kterou chcete implementovat.

   Výzva by měla obsahovat popis funkce kódu, kterou chcete implementovat. Například:

   Create the code to obtain a book title. Prompt the user to "Enter a book title to search for". Read the user input and ensure the book title isn't null.
   

5. Zkontrolujte navrhovaný kód v zobrazení chatu.

   Odpověď zobrazená v zobrazení chatu by měla obsahovat fragment kódu, který můžete použít k implementaci této funkce. Můžete zadat další výzvy k upřesnění kódu nebo požádat o další podrobnosti.

6. Pokud chcete implementovat navrhovaný kód, můžete najet myší na fragment kódu a vybrat mezi možnostmi Použít, Vložit a Kopírovat .

   • Použít: Aplikuje návrh kódu na aktuální soubor v editoru.
   • Vložení: Vloží návrh kódu na aktuální pozici kurzoru v editoru.
   • Kopírovat: Zkopíruje návrh kódu do schránky.

   

7. V případě potřeby pokračujte iterací a upřesněte novou funkci s dalšími výzvami.

Použijte agenta plánu k plánování před kódováním

Agent plánu je navržený tak, aby vám pomohl prozkoumat a naplánovat úkol před napsání libovolného kódu. Když používáte agenta plánu, GitHub Copilot analyzuje základ kódu, položí objasnění otázek a vytvoří strukturovaný podrobný plán implementace. Po dokončení plánu ho můžete předat agentu implementace.

1. Otevřete zobrazení chatu a v nástroji pro výběr agenta vyberte Plán .

2. Přidejte do chatu kontext.

   Agent plánu používá nástroje jen pro čtení a analýzu základu kódu k prozkoumání vašeho úkolu. Do chatu můžete přidat soubory a složky a poskytnout tak další kontext.

3. Vytvořte výzvu, která popisuje úkol, který chcete naplánovat.

   Výzva by měla obsahovat popis funkce nebo úlohy, kterou chcete implementovat. Například:

   
   Implement a user authentication system with OAuth2 and JWT.
   
   

4. Odpovězte na všechny objasňující otázky, které agent plánu položí.

   Agent plánu zkoumá váš úkol a může klást otázky k řešení nejednoznačností před vytvořením plánu.

5. Zkontrolujte navrhovaný plán.

   Agent plánu poskytuje souhrnný souhrn, rozpis kroků implementace, ověřovacích kritérií a zdokumentovaných rozhodnutí. V plánu můžete iterovat tím, že poskytnete zpětnou vazbu.

6. Po dokončení plánu pomocí tlačítek spusťte implementaci nebo otevřete plán v editoru pro další kontrolu.

   Můžete se rozhodnout implementovat plán ve stejné chatovací relaci, nebo zahájit relaci s agentem na pozadí či cloudovým agentem a pracovat na implementaci samostatně.

Použití agenta k vygenerování kódu

Pokud používáte GitHub Copilot v režimu agenta, GitHub Copilot funguje jako autonomní agent, který může vaším jménem provádět akce. Můžete požádat GitHub Copilot, aby prováděl konkrétní úlohy a vygeneroval kód na základě vašich požadavků.

1. Otevřete zobrazení chatu a v nástroji pro výběr agenta vyberte Agent .

2. Vytvořte výzvu, která popisuje úlohu, kterou chcete provést GitHub Copilot.

   Můžete například požádat GitHub Copilot o vygenerování nové funkce nebo vytvoření zcela nové aplikace.

   • Vytvoření webové aplikace pro plánování jídla pomocí Reactu a Node.js
   • Přidání funkcí sdílení sociálních médií
   • Nahrazení aktuálního ověřování protokolem OAuth

3. Agent může vyvolat několik nástrojů pro provádění různých úloh. Volitelně můžete vybrat ikonu Nástroje a nakonfigurovat nástroje, které se dají použít k odpovídání na vaši žádost.

4. Potvrďte volání nástrojů a příkazy terminálu.

   Než GitHub Copilot spustí příkaz terminálu nebo nástroj, který není integrovaný, požádá o potvrzení, aby pokračoval. GitHub Copilot žádá o potvrzení, protože nástroje můžou běžet přímo na vašem počítači a provádět akce, které mění soubory nebo data.

5. GitHub Copilot zjistí problémy v úpravách kódu a příkazech terminálu a bude opakovaně provádět akce k jejich vyřešení.

6. GitHub Copilot během zpracovávání vaší žádosti streamuje navrhované úpravy kódu přímo v editoru jako vložené rozdíly v kódu.

7. Zkontrolujte navrhované úpravy a přijměte je nebo zahoďte.

   Otevřete změněný soubor, abyste viděli rozdílový překryv v editoru. Pomocí překryvných ovládacích prvků editoru můžete přecházet mezi změnami a vybrat Možnost Zachovat nebo Zpět pro jednotlivé úpravy. Případně umístění změn v Zobrazení správy zdrojů automaticky potvrdí všechny čekající úpravy.

8. V případě potřeby pokračujte iterací a upřesněte novou funkci s dalšími výzvami.

Generování kódu pomocí interní chatové relace

Chatovací relaci lze použít k analýze a generování kódu. Vložené rozhraní chatu je přístupné jenom v případech, kdy je soubor otevřený v editoru kódu. Dá se použít k analýze vybraného kódu nebo k vytvoření nového kódu na základě výzvy.

1. Otevřete soubor v editoru.

2. Otevřete vloženou relaci chatu pomocí klávesové zkratky Ctrl+I nebo výběrem možnosti Otevřít vložený chat v nabídce Chat v záhlaví.

   Integrovaná relace chatu se otevře na místě kurzoru v editoru.

3. Vyberte blok kódu v editoru.

   Vybraný kód se použije jako kontext výzvy. Pokud není vybraný žádný kód, výzva použije celý soubor jako kontext.

4. Do pole pro zadání chatu zadejte výzvu.

   Například:

   Update selection to include an option for the `CommonActions.SearchBooks` action. Use the letter "b" and the message "to check for book availability".
   

5. Návrhy na aktualizaci kódu se v editoru zobrazují jako diff.

6. Zkontrolujte navrhované aktualizace kódu a pak změny přijměte nebo zahoďte.

   

7. V případě potřeby pokračujte iterací a upřesněte novou funkci s dalšími výzvami.

Shrnutí

GitHub Copilot Chat poskytuje výkonnou sadu nástrojů pro generování kódu a pomoc při psaní kódu. Zobrazení chatu, okno Rychlý chat a vložená chatová relace nabízejí různé způsoby interakce s AI programátorským partnerem pro získání pomoci s problémy s kódováním. Díky efektivnímu používání těchto nástrojů můžete zlepšit produktivitu a efektivitu psaní kódu.