Einrichtung von GitHub Copilot in VS Code

GitHub Copilot ist ein KI-gestützter Coding-Assistent, der während der Eingabe Code-Vervollständigungen vorschlägt und Ihnen hilft, Code schneller und mit weniger Fehlern zu schreiben. Wenn Sie als Webentwickler VS Code verwenden, dauert die Einrichtung von Copilot nur wenige Minuten und kann Ihre Produktivität erheblich steigern. Diese Anleitung führt Sie durch den Installationsprozess, die verfügbaren Tarife und die wesentliche Konfiguration, damit Sie sofort mit KI-Unterstützung programmieren können.

Was ist GitHub Copilot und warum sollten Sie es verwenden?

GitHub Copilot ist ein KI-Pair-Programmer, der von GitHub und OpenAI entwickelt wurde und intelligente Code-Vorschläge direkt in Ihrem Editor bereitstellt. Es analysiert Ihren Code-Kontext und schlägt ganze Zeilen oder Code-Blöcke vor, wobei es aus Milliarden von Zeilen öffentlichen Codes lernt, um relevante Vervollständigungen anzubieten.

Entwickler verwenden Copilot, weil es:

• Die Zeit für Boilerplate-Code und wiederkehrende Muster reduziert
• Beim Entdecken neuer APIs und Programmieransätze hilft
• Das Erlernen neuer Sprachen und Frameworks beschleunigt
• Den Kontextwechsel minimiert, indem es Sie im Flow hält

GitHub Copilot Kostenlos vs. kostenpflichtige Tarife

Verstehen Sie vor der Installation Ihre Optionen:

Copilot Kostenlos-Tarif:

• Monatliches Limit von 2.000 Vervollständigungen und 50 Chat-Nachrichten
• Zugang zum GPT-4o-Modell
• Grundlegende Code-Vorschläge und Chat-Funktionen
• Ideal zum Ausprobieren von Copilot oder für gelegentliche Nutzung

Copilot Individual (10 $/Monat):

• Unbegrenzte Vervollständigungen und Chat
• Mehrere KI-Modelle (GPT-4o, Claude 3.5 Sonnet, o1-preview, o1-mini)
• Erweiterte Funktionen einschließlich Multi-File-Editing
• 30-tägige kostenlose Testversion verfügbar

Copilot Business/Enterprise (19-39 $/Benutzer/Monat):

• Alles aus Individual
• Unternehmenssicherheit und Compliance
• Admin-Kontrollen und Nutzungsanalysen
• Team-Kollaborationsfunktionen

Installation von GitHub Copilot in VS Code

Schritt 1: Erweiterung installieren

1. Öffnen Sie VS Code
2. Drücken Sie Ctrl+Shift+X (Windows/Linux) oder Cmd+Shift+X (Mac), um Erweiterungen zu öffnen
3. Suchen Sie nach “GitHub Copilot”
4. Klicken Sie auf Installieren bei der offiziellen GitHub Copilot-Erweiterung

Schritt 2: Bei GitHub anmelden

Nach der Installation sehen Sie das Copilot-Symbol in Ihrer Statusleiste (unten rechts).

1. Klicken Sie auf das Copilot-Symbol
2. Wählen Sie “Bei GitHub anmelden”
3. Folgen Sie den Browser-Aufforderungen zur Authentifizierung
4. Kehren Sie nach der Autorisierung zu VS Code zurück

Wenn Sie kein Copilot-Abonnement haben, werden Sie aufgefordert, eine kostenlose Testversion zu starten oder den kostenlosen Tarif auszuwählen.

Schritt 3: Setup überprüfen

Um zu bestätigen, dass Copilot funktioniert:

1. Erstellen Sie eine neue Datei mit der Erweiterung .js, .py oder .html
2. Beginnen Sie mit der Eingabe einer Funktion oder HTML-Struktur
3. Achten Sie auf graue “Geistertext”-Vorschläge
4. Drücken Sie Tab, um Vorschläge zu akzeptieren

Wesentliche Konfigurationseinstellungen

Telemetrie und Datenschutz verwalten

Standardmäßig kann Copilot Telemetriedaten sammeln. Um Datenschutzeinstellungen zu verwalten:

1. Öffnen Sie die VS Code-Einstellungen (Ctrl+, oder Cmd+,)
2. Suchen Sie nach “telemetry”
3. Setzen Sie telemetry.telemetryLevel auf “off” für die allgemeine VS Code-Telemetrie

Für Copilot-spezifische Einstellungen:

1. Suchen Sie nach “github.copilot”
2. Finden Sie “GitHub > Copilot: Enable”
3. Deaktivieren Sie das Häkchen, um Copilot global zu deaktivieren, oder konfigurieren Sie sprachspezifische Einstellungen

Arbeitsbereichsspezifische Einstellungen

Um Copilot für sensible Projekte zu deaktivieren:

1. Öffnen Sie die Erweiterungsansicht (Ctrl+Shift+X)
2. Finden Sie GitHub Copilot
3. Klicken Sie auf das Zahnrad-Symbol
4. Wählen Sie “Deaktivieren (Arbeitsbereich)”
5. Laden Sie VS Code neu, wenn Sie dazu aufgefordert werden

Verhalten der Vorschläge anpassen

Suchen Sie in den Einstellungen nach “github.copilot”, um anzupassen:

• Inline Suggest: Automatische Vorschläge aktivieren/deaktivieren
• Editor > Enable Auto Completions: Steuern, wann Vorschläge erscheinen
• Enable: Copilot nur für bestimmte Sprachen konfigurieren

GitHub Copilot effektiv nutzen

Grundlegende Code-Vervollständigungen

Während Sie tippen, schlägt Copilot Code in grauem Text vor. Wichtige Tastenkürzel:

• Tab: Vorschlag akzeptieren
• Esc: Vorschlag verwerfen
• Alt+] oder Option+]: Nächster Vorschlag
• Alt+[ oder Option+[: Vorheriger Vorschlag
• Ctrl+Enter: Copilot-Panel mit mehreren Vorschlägen öffnen

Erweiterte Funktionen

Inline-Chat (Ctrl+I oder Cmd+I):

• Code auswählen und Tastenkürzel drücken
• Copilot bitten, die Auswahl zu refaktorieren, zu erklären oder zu verbessern
• Perfekt für schnelle Bearbeitungen, ohne Ihren Code zu verlassen

Chat-Panel:

• Chat-Ansicht aus der Aktivitätsleiste öffnen
• @workspace verwenden, um auf Ihr gesamtes Projekt zu verweisen
• Fragen zu Ihrer Codebasis stellen oder neue Implementierungen anfordern
• Verfügbare Modelle variieren je nach Abonnement-Stufe

Intelligente Aktionen:

• Commit-Nachrichten in der Quellcodeverwaltungsansicht generieren
• Unit-Tests aus vorhandenem Code erstellen
• Dokumentation zu Funktionen hinzufügen
• Fehler mit kontextuellen Vorschlägen beheben

GitHub-Konten wechseln

Wenn Ihr Copilot-Abonnement auf einem anderen GitHub-Konto ist:

1. Klicken Sie auf das Konten-Symbol in der Aktivitätsleiste (oder Profil-Symbol unten links)
2. Melden Sie sich vom aktuellen GitHub-Konto ab
3. Klicken Sie auf das Copilot-Symbol in der Statusleiste
4. Wählen Sie “Bei GitHub anmelden”
5. Authentifizieren Sie sich mit dem korrekten Konto

Häufige Problembehandlung

Copilot schlägt keinen Code vor:

• Überprüfen Sie, ob die Dateierweiterung unterstützt wird
• Stellen Sie sicher, dass Sie angemeldet sind (Statusleiste prüfen)
• Stellen Sie sicher, dass Copilot nicht für den Arbeitsbereich deaktiviert ist
• Überprüfen Sie Ihren Abonnement-Status und Limits
• Versuchen Sie, das VS Code-Fenster neu zu laden (Ctrl+R oder Cmd+R)

Schlechte Vorschlagsqualität:

• Geben Sie mehr Kontext in Ihrer Datei an
• Schreiben Sie beschreibende Kommentare vor Funktionen
• Verwenden Sie klare Variablen- und Funktionsnamen
• Fügen Sie relevante Imports und Typdefinitionen hinzu

Netzwerkprobleme:

• Überprüfen Sie, ob Firewall-Einstellungen Verbindungen zu github.com erlauben
• Überprüfen Sie die Proxy-Konfiguration, falls Sie sich hinter einem Unternehmensnetzwerk befinden
• Testen Sie mit dem Befehl github.copilot.advanced.debug.testConnection in der Befehlspalette

Fazit

Die Einrichtung von GitHub Copilot in VS Code transformiert Ihr Programmierererlebnis mit KI-gestützten Vorschlägen, die sich an Ihren Stil anpassen. Ob Sie den kostenlosen Tarif verwenden, um die Funktionen zu erkunden, oder kostenpflichtige Features für die professionelle Entwicklung nutzen – der Einrichtungsprozess bleibt unkompliziert. Beginnen Sie mit grundlegenden Vervollständigungen, experimentieren Sie mit Inline-Chat für schnelle Verbesserungen und erkunden Sie das Chat-Panel für die Entwicklung ganzer Features. Mit der richtigen Konfiguration und Datenschutzeinstellungen sind Sie bereit, schneller und effizienter mit Ihrem KI-Pair-Programmer zu programmieren.

Häufig gestellte Fragen

Understand every bug

Uncover frustrations, understand bugs and fix slowdowns like never before with OpenReplay — the open-source session replay tool for developers. Self-host it in minutes, and have complete control over your customer data. Check our GitHub repo and join the thousands of developers in our community.