Untersuchen Sie die Funktionen für die Codeentwicklung von GitHub Copilot

Abgeschlossen

Visual Studio Code implementiert GitHub Copilot mithilfe von zwei Erweiterungen, GitHub Copilot und GitHub Copilot Chat. Diese Erweiterungen steigern die Produktivität der Entwickler, indem Vorschläge generiert werden, die Ihre Anwendungen erweitern oder verbessern. Jede Erweiterung bietet verschiedene Features, mit denen Sie Code effizienter entwickeln können:

• Die GitHub Copilot Erweiterung generiert Codeabschlussvorschläge mithilfe des Codes, den Sie im Editor oder in Ihren Codekommentaren eingeben.
• Die GitHub Copilot Chaterweiterung generiert Codevorschläge basierend auf Chatinteraktionen oder intelligenten Aktionen, die auf ausgewähltem Code reagieren.

Hinweis

In diesem Modul verwenden Sie die GitHub Copilot Erweiterungen, um neue Codefeatures und -anwendungen zu entwickeln. Es gibt zwei separate Module, die die Verwendung von GitHub Copilot abdecken, um Komponententests zu erstellen und Verbesserungen an vorhandenem Code vorzunehmen.

GitHub Copilot-Werkzeuge in Visual Studio Code

Visual Studio Code bietet einfachen Zugriff auf die folgenden GitHub Copilot und GitHub Copilot Chatfunktionen:

• Codezeilenvervollständigungen: Verwenden Sie Codezeilenvervollständigungen, um Code effizienter zu schreiben.
• Inlinechat: Starten Sie direkt über den Editor einen Inlinechat, um Hilfe beim Programmieren zu erhalten.
• Chatansicht: Öffnen Sie einen KI-Assistenten, der Sie jederzeit unterstützen kann.
• Schnellchat: Stellen Sie eine kurze Frage, und kehren Sie zu Ihrer Arbeit zurück.
• Intelligente Aktionen: Führen Sie intelligente Aktionen aus, um bestimmte Aufgaben auszuführen, ohne selbst einen Prompt schreiben zu müssen.

Die GitHub Copilot Erweiterungen bringen die Leistungsfähigkeit von KI in die Visual Studio Code Umgebung.

Generieren von Code durch Codezeilenvervollständigung mit GitHub Copilot

GitHub Copilot generiert Codezeilenabschlusse, während Sie Code eingeben. Der Code, der bereits in Ihrer Anwendung enthalten ist, stellt Kontext bereit, der GitHub Copilot verwendet, um genaue Vorschläge zu generieren. Angenommen, Sie arbeiten an einer Klasse, die Kundenausgaben verarbeitet. Die Klasse verwendet eine Liste, die die Ausgaben aller Kunden enthält. Sie müssen eine Methode erstellen, die die Summe aller Ausgaben zurückgibt. Wenn Sie mit der Eingabe der Methodensignatur beginnen, generiert GitHub Copilot einen Vorschlag, der die Codezeile abschließt.

Um den Vorschlag anzunehmen, drücken Sie die TAB-TASTE, oder wählen Sie Annehmen aus. Automatische Vervollständigungen sparen Ihnen Zeit und helfen Ihnen, Code richtig zu schreiben, indem die Namen von Variablen und anderen Codeelementen angeben werden.

Sie können auch Codezeilenvervollständigungen verwenden, um verschiedene Optionen zum Erstellen des Codes anzuzeigen. Wenn Sie beispielsweise mit der Eingabe der Aufrufanweisung für eine Methode beginnen, stellt GitHub Copilot Vorschläge bereit, die die verschiedenen Methodenüberladungen implementieren. Sie können die Vorschläge durchgehen und die Option übernehmen, die am besten Ihrer Absicht entspricht. Sie können aber natürlich auch alle Vorschläge ablehnen. Dieser Prozess hilft Ihnen dabei, schnell verschiedene Programmierstile und -techniken zu erkunden.

GitHub Copilot generiert auch Codezeilenabschlussvorschläge aus Codekommentaren. Wenn Sie beispielsweise einen Kommentar eingeben, der eine methode beschreibt, die Sie erstellen möchten, generiert GitHub Copilot einen Vorschlag für die Methodensignatur und -implementierung.

Wie Sie sehen, werden für die vorgeschlagene Codevervollständigung Informationen aus Ihrem vorhandenen Code und dem Codekommentar verwendet, der die Methode beschreibt.

Entwickler verwenden die Codevervollständigung, um die Entwicklung der initialen Codestruktur zu beschleunigen.

Generieren von Code mithilfe von GitHub Copilot Chat

GitHub Copilot Chat hilft Ihnen beim Erstellen von Code mithilfe von Chatschnittstellen und intelligenten Aktionen. Wenn Sie beispielsweise eine Eingabeaufforderung eingeben, die GitHub Copilot Chat zum Erstellen einer neuen Methode auffordert, GitHub Copilot Vorschläge für eine oder mehrere Methodensignaturen und -implementierungen bereitstellt. Diese Vorschläge zu prüfen und dann zu übernehmen oder abzulehnen, ermöglicht Ihnen eine schnellere und korrektere Erstellung einer initialen Version Ihres Codes.

Hinweis

Die GitHub Copilot Chaterweiterung für Visual Studio Code enthält eine Chatoberfläche, die Benutzereingaben verarbeitet. In dieser Schulung werden die Begriffe Frage und Prompt in Bezug auf die Eingabe verwendet, die Sie während einer Chatsitzung bereitstellen.

GitHub Copilot Chat ist besonders hilfreich, wenn Sie Code entwickeln müssen, der unbekannte Ressourcen implementiert, z. B. eine neue Bibliothek, ein Framework oder eine API. Wenn Sie eine Eingabeaufforderung übermitteln, die Ihre Anforderung beschreibt, generiert GitHub Copilot Chat Vorschläge, die zeigen, wie Sie Ihr Ziel erreichen können. Durch die Prüfung der Vorschläge können Sie auch erfahren, wie Sie die neuen Ressourcen implementieren.

Das Bereitstellen von GitHub Copilot Chat mit Eingabeaufforderungen oder Fragen, die einen klaren Umfang und eine klare Absicht enthalten, verbessert die generierten Antworten. Sie können Fragen stellen, die Kontext bereitstellen, und Ihre Anforderungen im Unterhaltungsstil beschreiben. GitHub Copilot Chat verwendet die von Ihnen bereitgestellten Informationen, um Codevorschläge zu generieren, die Ihren Anforderungen entsprechen und Ihrem Codierungsstil entsprechen.

Sie können Chatteilnehmer, Schrägstrichbefehle und Chatvariablen verwenden, um den Kontext Ihrer Prompts zu verdeutlichen.

• Chatteilnehmer wie @workspace oder @terminal helfen, GitHub Copilot Chat den Kontext Ihrer Frage zu verstehen.
• Slash-Befehle wie /explain oder /new helfen GitHub Copilot Chat, die Absicht oder den Zweck Ihrer Frage zu verstehen.
• Chatvariablen, z. B. #file oder #editor, helfen Ihnen, Copilot Chat sich auf etwas Spezifisches zu konzentrieren, wenn Sie den größeren Kontext Ihrer Frage berücksichtigen.

Die Verwendung dieser speziellen Deskriptoren hilft GitHub Copilot Chat, genauere und nützlichere Antworten zu generieren.

Du kannst Chat-Teilnehmer mit Slash-Befehlen kombinieren, um bestimmte Aktionen durchzuführen. Sie können beispielsweise ein Gerüst für eine neue C#-Konsolenanwendung erstellen, indem Sie den folgenden Prompt verwenden: @workspace /new console application in C#. Dieser Prompt enthält einen Chat-Teilnehmer (@workspace) und einen Slash-Befehl (/new), um GitHub Copilot Chat bei der Ausführung der beabsichtigten Aufgabe zu unterstützen.

GitHub Copilot kann komplexere Arbeitsbereiche strukturiert erstellen. Mit dem folgenden Prompt wird beispielsweise der Arbeitsbereich für eine Node.js-Anwendung erstellt, die das Express-Framework, die Pug-Vorlagen-Engine sowie TypeScript verwendet: @workspace /new Node.js Express Pug TypeScript.

Generieren von Code mit GitHub Copilot Chat mithilfe der Chatansicht

Die Chatansicht in Visual Studio Code bietet Zugriff auf einen KI-Assistenten, mit dem Sie Code entwickeln können. Sie können Fragen stellen und Hilfe von Ihrem KI-Assistenten erhalten, ohne die Visual Studio Code Umgebung verlassen zu müssen. Die Chatansicht bietet Unterstützung beim Entwickeln von Code und beim Untersuchen von Ansätzen zur Lösung schwieriger Codeprobleme. Sie können die Chatansicht auch verwenden, um Fragen zu vorhandenem Code zu stellen, Hilfe zu Fehlern oder Logik von Code zu erhalten und Informationen zur Verwendung von Projektressourcen abzurufen. Die Chatansicht kann Ihnen dabei helfen, neue Programmiertechniken zu lernen, verschiedene Programmierstile kennenzulernen und Ihre Programmierfertigkeiten zu verbessern.

Die Chatansicht wird in einem eigenen Bereich rechts neben dem Code-Editor Visual Studio Code geöffnet. Um die Chatansicht zu öffnen, wählen Sie Chat in der titelleiste Visual Studio Code aus, oder verwenden Sie die Tastenkombination Ctrl+ALT+I.

Wenn Sie mehr Bildschirmfläche in Visual Studio Code benötigen, können Sie die Chatansicht in einem separaten Fenster öffnen, indem Sie Chat in neuem Fenster öffnen aus dem Kontextmenü der Chatansicht auswählen.

Screenshot mit der Chatansicht, die auf eine Frage in Visual Studio Code reagiert.

GitHub Copilot Chat bietet umfassende und interaktive Ergebnisse, die die folgenden Elemente enthalten:

• Einfacher Text Zum Beispiel, um eine Frage in natürlicher Sprache zu beantworten.
• Bilder. Zum Beispiel, um ein Diagramm oder einen Screenshot zu zeigen.
• Schaltflächen Zum Beispiel, um eine Aktion auszulösen.
• Verweise. Zum Beispiel Uniform Resource Identifiers (URIs), in denen Sie weitere Informationen finden können.
• Dateibaum (beispielsweise, um eine Arbeitsbereichsvorschau anzuzeigen, wenn ein Chatteilnehmer die Erstellung eines neuen Arbeitsbereichs vorschlägt)

Das folgende Beispiel zeigt die Antwort auf einen Prompt zum Erstellen einer Express-App. GitHub Copilot Chat bietet eine einfache Texterklärung, eine Strukturansicht mit einer vorgeschlagenen Arbeitsbereichsstruktur und eine Schaltfläche, die zum Erstellen des neuen Arbeitsbereichs verwendet werden kann.

GitHub Copilot behält einen Verlauf Ihrer Unterhaltung bei. Der Verlauf wird verwendet, um die Antworten und Nachverfolgungsfragen zu verbessern, die von GitHub Copilot Chat vorgeschlagen werden.

Verwalten von Codeblöcken in der Chatansicht

Je nach Ihrer Frage gibt GitHub Copilot Chat möglicherweise Quellcode in der Antwort zurück. Quellcode wird als Codeblock angezeigt, und Sie können den Code auf verschiedene Weise verwalten.

Wenn Sie mit dem Mauszeiger auf den Codeblock zeigen, werden Optionen zum Verwalten des Codeblocks angezeigt. Ihre ersten Optionen sind Übernehmen, Einfügen (Strg+Enter) und Kopieren.

Die Schaltfläche „Weitere Aktionen (...)“ zeigt die Optionen zum In Terminal einfügen (STRG+ALT+EINGABETASTE) und In neue Datei einfügen.

Wenn GitHub Copilot Chat erkennt, dass ein Codeblock einen Befehl enthält, können Sie ihn direkt im integrierten Terminal mit Insert in Terminal (STRG+ALT+EINGABETASTE) ausführen. Diese Option erstellt ein Terminal oder öffnet das aktive Terminal und fügt den Befehlstext ein, sodass Sie ihn direkt ausführen können.

Generieren von Code mit GitHub Copilot Chat mithilfe von Inlinechats

Die Inlinechatschnittstelle bietet Zugriff auf leistungsstarke KI-Features, während Sie sich auf Ihren Code konzentrieren. Wenn Sie im Code-Editor arbeiten, können Sie den Inlinechat öffnen, indem Sie STRG+I auf der Tastatur drücken.

Der Inlinechat kann für Folgendes verwendet werden:

• Zum Stellen von Fragen zu vorhandenem Code
• Zum Ändern oder Ersetzen von vorhandenem Code
• Zum Generieren von neuem Code

Erstellen eines neuen Features unter Verwendung des Inlinechats

Die Inlinechatschnittstelle kann verwendet werden, um neue Codefeatures zu entwickeln. Sie können den Inlinechat beispielsweise verwenden, um eine neue Benutzeroberflächenkomponente, einen neuen API-Endpunkt oder eine neue Datenverarbeitungspipeline zu erstellen.

Sie können ein neues Codefeature mithilfe des Inlinechats erstellen, indem Sie die folgenden Schritte ausführen:

1. Wählen Sie Code im Editor aus.

2. Öffnen Sie die Inlinechatschnittstelle, indem Sie STRG+I auf der Tastatur drücken.

3. Geben Sie einen Prompt ein, der das Feature beschreibt, das Sie erstellen möchten.

4. Überprüfen Sie die Von GitHub Copilot Chat bereitgestellten Vorschläge, und verfeinern Sie bei Bedarf Ihre Eingabeaufforderung.

5. Wenn Sie mit den Ergebnissen zufrieden sind, akzeptieren Sie einen Vorschlag.

Dieses Beispiel veranschaulicht, wie eine neue Methode mithilfe von Inlinechats erstellt wird:

Erstellen regulärer Ausdrücke unter Verwendung des Inlinechats

Reguläre Ausdrücke sind Muster zum Abgleichen von Zeichenkombinationen in Zeichenfolgen. Einige Entwickler finden reguläre Ausdrücke schwierig zu schreiben, da sie komplex und schwer zu verstehen sein können.

Mithilfe der Inlinechatschnittstelle lassen sich reguläre Ausdrücke schnell und präzise generieren. Sie können den Inlinechat beispielsweise verwenden, um reguläre Ausdrücke zum Überprüfen von E-Mail-Adressen, Telefonnummern, Postleitzahlen und anderen Datenmustern zu generieren.

Sie können einen regulären Ausdruck mithilfe des Inlinechats erstellen, indem Sie die folgenden Schritte ausführen:

1. Wählen Sie Code im Editor aus.

2. Öffnen Sie die Inlinechatschnittstelle, indem Sie auf der Tastatur STRG + I drücken.

3. Geben Sie einen Prompt ein, der das zu überprüfende Datenmuster beschreibt.

4. Überprüfen Sie die Vorschläge, die von GitHub Copilot Chat bereitgestellt werden, und akzeptieren Sie, sobald Sie zufrieden sind, einen Vorschlag.

Dieses Beispiel veranschaulicht, wie ein regulärer Ausdruck für E-Mail-Adressen mithilfe des Inlinechats erstellt wird:

Es ist immer wichtig, die von GitHub Copilot Chat generierten Antworten zu überprüfen.

GitHub Copilot Chat schlägt vor, dass der folgende reguläre Ausdruck verwendet werden kann, um E-Mail-Adressen zu überprüfen: ^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$.

Nehmen wir uns kurz Zeit, um den vorgeschlagenen regulären Ausdruck auszuwerten.

^: Dieses Symbol gibt den Anfang einer Zeile an. Die E-Mail-Adresse muss hier beginnen.

[a-zA-Z0-9_.+-]+: Dieser Teil des Ausdrucks entspricht mindestens einem (+) der Zeichen innerhalb der eckigen Klammern ([]). Die Zeichen können Kleinbuchstaben (a-z), Großbuchstaben (A-Z), numerische Zeichen (0-9) oder Sonderzeichen wie Unterstrich (_), Punkt (.), Plus (+) oder Bindestrich (-) sein.

@: Dieser Teil des Ausdrucks ist das „at“-Symbol (@). ein Literalzeichen in der E-Mail-Adresse.

[a-zA-Z0-9-]+: Dieser Teil des Ausdrucks ähnelt dem ersten, steht aber für den Domänennamen der E-Mail-Adresse. Er kann mindestens einen Kleinbuchstaben, Großbuchstaben, ein numerisches Zeichen oder einen Bindestrich (-) enthalten.

\.: Dieses Element des Ausdrucks ist ein Punktzeichen (.). Er trennt den Domänennamen von der Domänenerweiterung.

[a-zA-Z0-9-.]+: Dieser Teil des Ausdrucks entspricht der Domänenerweiterung. Er kann einen oder mehrere Kleinbuchstaben, Großbuchstaben, numerische Zeichen, Bindestriche (-) oder Punkte (.) enthalten.

$: Dieses Symbol gibt das Ende einer Zeile an. Die E-Mail-Adresse muss hier enden.

Insgesamt ist dieser reguläre Ausdruck ein guter Ausgangspunkt für die Überprüfung von E-Mail-Adressen, hat jedoch einige Einschränkungen und deckt möglicherweise nicht alle gültigen E-Mail-Formate ab. Möglicherweise sollten Sie erwägen, umfassendere Muster oder sogar dedizierte E-Mail-Validierungsbibliotheken für kritische Anwendungen zu verwenden.

Zusammenfassung

Die GitHub Copilot Erweiterungen helfen Entwicklern, Code schneller und mit weniger Fehlern zu schreiben. Die GitHub Copilot Erweiterung generiert Codeabschlussvorschläge mithilfe des Codes, den Sie im Editor oder in Ihren Codekommentaren eingeben. Die GitHub Copilot Chaterweiterung generiert Codevorschläge basierend auf Chatinteraktionen oder intelligenten Aktionen, die auf ausgewähltem Code reagieren.