Generieren von Code mithilfe von GitHub Copilot Chat

  • 8 Minuten

Die GitHub Copilot Chat-Erweiterung für Visual Studio Code unterstützt die folgenden Chatschnittstellen:

  • Die Chatansicht bietet einen KI-Assistenten, der Ihnen jederzeit helfen kann.

  • Das Quick Chat-Fenster kann verwendet werden, um eine schnelle Frage zu stellen und dann wieder zu dem zu gelangen, was Sie tun.

  • Die Inlinechat-Schnittstelle wird direkt im Editor für kontextbezogene Interaktionen geöffnet, während Sie codieren.

Die Chatansicht und das Quick Chat-Fenster ermöglichen interaktive Konversationen mit Mehrfachdurchläufen mit der KI. Beide Schnittstellen bieten eine Möglichkeit, Fragen zu stellen, Hilfe zu einem Codierungsproblem zu erhalten und Code zu generieren. Die Chatansicht ist eine robustere Benutzeroberfläche, die eine vollständige Chaterfahrung bietet, während das Quick Chat-Fenster für schnelle Interaktionen konzipiert ist.

Die Inlinechat-Schnittstelle wurde entwickelt, um kontextbezogene Hilfe und Codevorschläge bereitzustellen, während Sie codieren. Die Inlinechat-Schnittstelle ist im Editor verfügbar, und es ermöglicht Ihnen, Fragen zu stellen und Hilfe zu bestimmten Codeausschnitten zu erhalten.

Generieren von Code mithilfe der Chatansicht

Die Chatansicht bietet eine verwaltete Umgebung für Unterhaltungen zwischen Ihnen und dem KI-Paarprogrammierer. Sie können die Chatansicht verwenden, um Fragen zu stellen, Hilfe beim Codieren von Problemen zu erhalten und Code zu generieren. Die Chatansicht ist so konzipiert, dass sie eine interaktivere und unterhaltungsbasierte Erfahrung als die Inline-Chatoberfläche darstellt.

Standardmäßig befindet sich die Chatansicht in der sekundären Randleiste auf der rechten Seite des Visual Studio Code-Fensters.

Die Chatansicht unterstützt drei Modi: Fragen, Bearbeitenund Agent.

Verwenden des Fragemodus zum Generieren von Code

Der Fragemodus soll Ihnen helfen, Ihren Code zu analysieren und die Optionen für neue Features zu untersuchen, bevor Sie Codeimplementierungen vorschlagen. Im Ask-Modus fungiert GitHub Copilot als Unterhaltungsassistent, der Antworten auf Ihre Fragen und Ihnen bei der Codierung von Problemen oder neuen Features helfen kann.

  1. Öffnen Sie die Chatansicht im Fragemodus.

  2. Fügen Sie dem Chat Kontext hinzu.

    Der Abfragemodus unterstützt Chatteilnehmer, Slash-Befehle und Chatvariablen. Sie können den @workspace Chatteilnehmer oder #codebase dem Chat hinzufügen, um Kontext zusammen mit Dateien oder Ordnern bereitzustellen.

  3. Stellen Sie Fragen, mit denen Sie das neue Feature auswerten können, das Sie implementieren möchten.

    Sie können beispielsweise GitHub Copilot bitten, ihnen zu helfen, zu verstehen, wie sie ein neues Feature implementieren oder wie sie eine bestimmte Bibliothek verwenden.

    • Wie füge ich eine Anmeldeseite hinzu?
    • Was sind die bewährten Methoden für die Verwendung von React?
    • Wie verwende ich die @mui/material Bibliothek?

  4. Erstellen Sie eine Eingabeaufforderung, die das Codefeature beschreibt, das Sie implementieren möchten.

    Ihre Eingabeaufforderung sollte eine Beschreibung des Codefeatures enthalten, das Sie implementieren möchten. Beispiel:

    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. Überprüfen Sie den vorgeschlagenen Code in der Chatansicht.

    Die in der Chatansicht angezeigte Antwort sollte einen Codeausschnitt enthalten, den Sie zum Implementieren des Features verwenden können. Sie können weitere Eingabeaufforderungen eingeben, um den Code zu verfeinern oder weitere Details zu erhalten.

  6. Um vorgeschlagenen Code zu implementieren, können Sie mit dem Mauszeiger auf den Codeausschnitt zeigen und dann zwischen den Optionen "Anwenden", " Einfügen" und " Kopieren " auswählen.

    • Anwenden: Wendet den Codevorschlag auf die aktuelle Datei im Editor an.
    • Einfügen: Fügt den Codevorschlag an der aktuellen Cursorposition im Editor ein.
    • Kopieren: Kopiert den Codevorschlag in die Zwischenablage.

    Screenshot der Chatansicht im Fragemodus, der eine Codeaktualisierung vorschlägt.

  7. Fahren Sie fort, um das neue Feature bei Bedarf mit weiteren Eingabeaufforderungen zu durchlaufen und zu verfeinern.

Verwenden des Bearbeitungsmodus zum Generieren von Code

Der Bearbeitungsmodus soll Ihnen beim Erstellen oder Aktualisieren von Code helfen. Im Bearbeitungsmodus fungiert GitHub Copilot als Code-Editor, mit dem Sie Code schnell und präzise entwickeln können.

  1. Öffnen Sie die Chatansicht im Bearbeitungsmodus.

  2. Fügen Sie dem Chat Kontext hinzu.

    Der Bearbeitungsmodus unterstützt keine Chatteilnehmer. Geben Sie den Arbeitsbereichskontext mithilfe #codebase und durch Hinzufügen von Dateien zum Chat an.

  3. Erstellen Sie eine Eingabeaufforderung, die das Codefeature beschreibt, das Sie implementieren möchten.

    Ihre Eingabeaufforderung sollte eine Beschreibung des Codefeatures enthalten, das Sie implementieren möchten. Beispiel:

    
#codebase Add a login page. Let users log in with email and password.

  4. Überprüfen Sie die vorgeschlagenen Bearbeitungen im Code-Editor.

  5. Akzeptieren oder verwerfen Sie die vorgeschlagenen Bearbeitungen.

    Sie können mithilfe der Pfeile nach oben und unten durch die Bearbeitungen navigieren. Sie können die vorgeschlagenen Bearbeitungen einzeln beibehalten (annehmen) oder rückgängig machen (verwerfen) mithilfe des Popupmenüs, das bei jeder einzelnen Bearbeitung angezeigt wird. Sie können auch alle Bearbeitungen gleichzeitig akzeptieren oder ablehnen, indem Sie die Schaltflächen Beibehalten und Rückgängig unten auf der Registerkarte „Editor“ (oder „Chatansicht“) verwenden.

    Wenn Sie die vorgeschlagenen Bearbeitungen akzeptieren, aktualisiert GitHub Copilot den Code in Ihrem Editor.

    Screenshot der Chatansicht im Bearbeitungsmodus, in der ein neues Anmeldeformular vorgeschlagen wird.

Verwenden des Agentmodus zum Generieren von Code

Im Agentmodus fungiert GitHub Copilot als autonomer Agent, der Aktionen in Ihrem Auftrag ausführen kann. Sie können GitHub Copilot bitten, bestimmte Aufgaben auszuführen, und es generiert Code basierend auf Ihren Anforderungen.

Von Bedeutung

Wenn Sie die Chatansicht im Agentmodus verwenden, kann GitHub Copilot mehrere Premium-Anforderungen stellen, um eine einzelne Aufgabe abzuschließen. Premium-Anfragen können durch benutzerinitiierte Eingabeaufforderungen und Folgeaktionen verwendet werden, die Copilot in Ihrem Auftrag ausführt. Die gesamtzahl der verwendeten Premiumanforderungen hängt von der Komplexität des Vorgangs, der Anzahl der beteiligten Schritte und dem ausgewählten Modell ab.

  1. Öffnen Sie die Chatansicht im Agentmodus.

  2. Erstellen Sie eine Eingabeaufforderung, die die Aufgabe beschreibt, die GitHub Copilot ausführen soll.

    Beispielsweise könnten Sie GitHub Copilot bitten, ein neues Feature zu generieren oder eine völlig neue App zu erstellen.

    • Erstellen einer Menüplan-Web-App mit React und Node.js
    • Hinzufügen von Funktionen für die Freigabe sozialer Medien
    • Ersetzen der aktuellen Authentifizierung durch OAuth

  3. Der Agentmodus ruft möglicherweise mehrere Tools auf, um verschiedene Aufgaben auszuführen. Wählen Sie optional das Symbol "Extras" aus, um zu konfigurieren, welche Tools für die Reaktion auf Ihre Anfrage verwendet werden können.

  4. Bestätigen Sie Toolaufrufe und Terminalbefehle.

    Bevor Copilot einen Terminalbefehl oder ein nicht integriertes Tool ausführt, fordert er die Bestätigung an, den Vorgang fortzusetzen. Copilot fordert Bestätigung an, da Tools möglicherweise lokal auf Ihrem Computer ausgeführt werden und Aktionen ausführen, die Dateien oder Daten ändern.

  5. Copilot erkennt Schwierigkeiten und Probleme bei Codebearbeitungen und Terminalbefehlen und wird iterieren und Aktionen ausführen, um sie zu beheben.

  6. Während Copilot Ihre Anforderung verarbeitet, werden die vorgeschlagenen Codebearbeitungen direkt im Editor gestreamt.

  7. Überprüfen Sie die vorgeschlagenen Bearbeitungen, und akzeptieren oder verwerfen Sie die vorgeschlagenen Bearbeitungen.

  8. Fahren Sie fort, um das neue Feature bei Bedarf mit weiteren Eingabeaufforderungen zu durchlaufen und zu verfeinern.

Generieren von Code mithilfe einer Inlinechatsitzung

Inlinechatsitzung kann verwendet werden, um Code zu analysieren und zu generieren. Auf die Inlinechatschnittstelle kann nur zugegriffen werden, wenn eine Datei im Code-Editor geöffnet ist. Es kann verwendet werden, um ausgewählten Code zu analysieren oder neuen Code basierend auf einer Eingabeaufforderung zu erstellen.

  1. Öffnen Sie eine Datei im Editor.

  2. Öffnen Sie eine Inlinechatsitzung mithilfe der Tastenkombination STRG+I, oder wählen Sie im Menü "Copilot" die Option "Inlinechat bearbeiten" aus.

    Die Inlinechatsitzung wird an der Cursorposition im Editor geöffnet.

  3. Wählen Sie im Editor einen Codeblock aus.

    Der ausgewählte Code wird als Kontext für die Eingabeaufforderung verwendet. Wenn kein Code ausgewählt ist, verwendet die Eingabeaufforderung die gesamte Datei als Kontext.

  4. Geben Sie Ihre Eingabeaufforderung in das Chateingabefeld ein.

    Beispiel:

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

  5. Codeaktualisierungsvorschläge werden im Editor angezeigt.

  6. Überprüfen Sie die vorgeschlagenen Codeupdates, und wählen Sie dann Annehmen aus, um den Vorschlag zu implementieren oder Schließen, um die Updates zu verwerfen.

    Screenshot einer Inlinechatsitzung, in der Code aktualisiert wird.

  7. Fahren Sie fort, um das neue Feature bei Bedarf mit weiteren Eingabeaufforderungen zu durchlaufen und zu verfeinern.

Zusammenfassung

GitHub Copilot Chat bietet eine leistungsstarke Reihe von Tools zum Generieren von Code und Zur Unterstützung von Codierungsaufgaben. Die Chatansicht, das Schnellchatfenster und die Inlinechatsitzung bieten verschiedene Möglichkeiten, mit dem KI-Paarprogrammierer zu interagieren und Hilfe bei Codierungsproblemen zu erhalten. Indem Sie diese Tools effektiv verwenden, können Sie Ihre Codierungsproduktivität und -effizienz verbessern.