Übung – Einrichten von GitHub Copilot für die Arbeit mit Visual Studio Code

Abgeschlossen

In dieser Übung erstellen wir ein neues Repository unter Verwendung der GitHub-Vorlage der JavaScript-Front-End-Webanwendung für persönliche Portfolios.

Einrichten von GitHub Copilot

Um GitHub Copilot zu verwenden, müssen Sie die folgenden Schritte ausführen:

1. GitHub-Konto:

   • Einrichten eines GitHub-Kontos. Da Copilot ein GitHub-Dienst ist, benötigen Sie ein GitHub-Konto, um ihn zu verwenden. Wenn Sie kein Konto haben, besuchen Sie die GitHub-Webseite , um ein konto kostenlos zu erstellen.

2. Registrieren und Aktivieren von GitHub Copilot:

   • Sie können ein GitHub Copilot Free-Konto einrichten oder sich für ein Abonnement für GitHub Copilot Pro-Testversion mit einer einmaligen 30-tägigen Testversion registrieren. Für Lernzwecke sollte die Copilot Free-Option mit Nutzungsgrenzwerten ausreichen.
   • Es ist wichtig, die kostenlosen Testbedingungen von GitHub Copilot zu beachten: Wenn Sie das kostenlose Testangebot für GitHub Copilot auswählen, wird bei der Registrierung eine Zahlungsmethode angefordert. Die Gebühren werden berechnet, wenn die Testversion abgelaufen ist, es sei denn, Sie kündigen vor Abschluss des 30-Tage-Zeitraums.

Tipp

GitHub Copilot bietet einen kostenlosen Tarif mit 2.000 Code-Autovervollständigungen und 50 Chatnachrichten pro Monat. Um zu beginnen, öffnen Sie Visual Studio Code, klicken Sie auf das Symbol für GitHub Copilot, und klicken Sie dann auf „Anmelden, um GitHub Copilot kostenlos zu verwenden“. Melden Sie sich bei Ihrem GitHub-Konto im Fenster an, das im Browser geöffnet wird. Erfahren Sie mehr. Lehrkräfte, Schüler und, wählen Open-Source-Betreuer können Copilot Pro kostenlos erhalten, erfahren Sie unter: https://aka.ms/Copilot4Students.

3. Installieren Sie die Erweiterung:
   • GitHub Copilot ist als Erweiterung für haupt-IDEs verfügbar, einschließlich Visual Studio, Visual Studio Code, JetBrains IDEs, VIM und XCode.
   • Um die Installation zu installieren, suchen Sie im Erweiterungs-Marketplace Ihrer IDE nach "GitHub Copilot", und folgen Sie den Installationsanweisungen. Beispielsweise finden Sie im VS Code Marketplace GitHub Copilot, GitHub Copilot Chat und GitHub Copilot für Azure als Optionen für die Installation.

Einrichten der Umgebung

Zuerst müssen Sie die Codespaces-Umgebung starten, die mit der GitHub Copilot-Erweiterung vorkonfiguriert ist.

1. Wählen Sie die folgende Schaltfläche aus, um den Codespace mit der vorkonfigurierten Umgebung zu öffnen.

   

2. Überprüfen Sie auf der Seite Codespace erstellen die Codespace-Konfigurationseinstellungen, und wählen Sie dann Neuen Codespace erstellen aus.

3. Warten Sie den Start des Codespaces ab. Dieser Startvorgang kann einige Minuten dauern.

4. Die restlichen Übungen in diesem Projekt finden im Kontext dieses Entwicklungscontainers statt.

Wichtig

Alle GitHub-Konten können Codespaces für bis zu 60 Stunden kostenlos jeden Monat mit zwei Kerninstanzen verwenden. Weitere Informationen finden Sie im Artikel zu monatlich enthaltener Speicherkapazität und Kernstunden in GitHub Codespaces.

JavaScript-Portfolio

Nach Abschluss wird Codespaces mit einem Terminalabschnitt am unteren Rand geladen. Codespaces installiert alle erforderlichen Erweiterungen und Abhängigkeiten in Ihrem Container. Nach Abschluss des Vorgangs ist diese Vorlage so konfiguriert, dass npm start verwendet wird, um die Webanwendung in Ihrem Codespace zu starten.

Wenn die Webanwendung erfolgreich gestartet wurde, zeigt eine Meldung im Terminal an, dass der Server an Port 1234 im Codespace ausgeführt wird.