GitHub Copilot in VS Code einrichten: Der ultimative Guide für sofortige Produktivität
Hier ist ein umfassendes Tutorial, wie du GitHub Copilot in VS Code einrichtest und sofort das Maximum an Produktivität herausholst.
GitHub Copilot ist kein bloßes Autocomplete-Tool, sondern dein KI-Pair-Programmer. In diesem Guide lernst du, wie du die Extension installierst und die Funktionen so nutzt, dass du ab der ersten Minute schneller Code schreibst.
1. Voraussetzungen
Bevor es losgeht, stelle sicher, dass du folgende Dinge hast:
- VS Code: Die aktuellste Version installiert.
- GitHub-Account: Ein aktives Konto.
- Abonnement: GitHub Copilot ist kostenpflichtig (Einzeltarif oder Business). Es gibt oft eine kostenlose Testphase oder kostenlosen Zugang für verifizierte Studenten und Open-Source-Maintainer.
2. Installation und Setup
- Extension suchen: Öffne VS Code, gehe zum Extensions-Icon (links in der Leiste oder
Strg+Umschalt+X) und suche nach "GitHub Copilot". - Installieren: Installiere sowohl "GitHub Copilot" als auch "GitHub Copilot Chat" (letzteres ist entscheidend für die volle Produktivität).
- Anmelden: Klicke unten links auf das Benutzer-Icon oder folge dem Popup, um dich bei GitHub anzumelden. Bestätige die Autorisierung im Browser.
- Status-Check: Wenn unten rechts in der Statusleiste ein kleines Copilot-Icon (ein kleiner Roboter-Kopf) erscheint, ist alles bereit.
3. Die Grundlagen: Code-Vorschläge nutzen
Sobald Copilot aktiv ist, arbeitet er im Hintergrund.
- Ghost Text: Während du tippst, schlägt Copilot Code in grauem Text vor.
- Annehmen: Drücke die Tab-Taste, um den gesamten Vorschlag zu übernehmen.
- Teilweise annehmen: Drücke
Strg + Pfeil rechts, um nur das nächste Wort zu akzeptieren. - Vorschläge durchschalten: Wenn dir ein Vorschlag nicht gefällt, nutze
Alt + [oderAlt + ], um alternative Lösungen zu sehen. - Kommentar-zu-Code: Schreibe einen Kommentar (z.B.
// Funktion, die eine API-Anfrage an GitHub sendet), drückeEnterund warte eine Sekunde. Copilot wird die gesamte Funktion für dich schreiben.
4. Sofort produktiv mit Copilot Chat (Der Game-Changer)
Die wahre Power liegt in der Chat-Funktion. Hier sind die wichtigsten Workflows:
A. Inline Chat (Strg + I)
Markiere einen Codeblock oder klicke in eine leere Zeile und drücke Strg + I.
- Anwendungsfall: „Refactore diese Funktion, um sie lesbarer zu machen“ oder „Schreibe Unit-Tests für diesen Block“.
- Ergebnis: Copilot zeigt dir ein Diff (Vorher/Nachher), das du direkt akzeptieren oder ablehnen kannst.
B. Das Chat-Panel (Strg + Umschalt + L)
Nutze das Seitenpanel für komplexe Fragen zur gesamten Codebase.
- Slash-Befehle nutzen:
/explain: Erklärt dir, wie der markierte Code funktioniert./fix: Analysiert Fehler im Code und schlägt eine Korrektur vor./tests: Generiert automatisch Test-Framework-Code./terminal: Erklärt Terminal-Befehle oder hilft beim Debugging von Fehlern in der Konsole.
5. Profi-Tipps für maximale Effizienz
Um SOFORT produktiver zu sein, beachte diese Strategien:
- Kontext ist alles: Copilot "liest" die Dateien, die in deinem Editor geöffnet sind. Wenn du an einer React-Komponente arbeitest, die ein bestimmtes Utility-File nutzt, öffne dieses Utility-File in einem Tab. Copilot versteht den Zusammenhang dann besser.
- Präzise Prompts: Statt „Schreibe ein Formular“, schreibe lieber „Schreibe ein Login-Formular mit Tailwind CSS und Validierung für E-Mail und Passwort“.
- Code-Dokumentation: Tippe
/**über einer Funktion. Copilot wird den JSDoc-Kommentar (oder den entsprechenden Standard deiner Sprache) inklusive aller Parameterbeschreibungen vervollständigen. - Übersetzungen und Dummy-Daten: Copilot ist hervorragend darin, JSON-Listen mit Testdaten zu füllen oder
i18n-Dateien zu übersetzen. Schreibe den ersten Eintrag, und Copilot macht den Rest per Tab-Taste.
6. Wichtige Tastenkürzel im Überblick (Windows/Linux)
| Aktion | Tastenkürzel |
|---|---|
| Vorschlag annehmen | Tab |
| Vorschlag ablehnen | Esc |
| Nächster Vorschlag | Alt + ] |
| Inline Chat öffnen | Strg + I |
| Chat-Panel öffnen | Strg + Umschalt + L |
| Vorschlag Wort-für-Wort | Strg + Pfeil rechts |
(Für Mac-Nutzer: Ersetze Strg durch Cmd und Alt durch Option)
Fazit
Du hast GitHub Copilot nun erfolgreich eingerichtet. Der Schlüssel zur Produktivität liegt darin, Copilot nicht nur als Schreibhilfe, sondern als Gesprächspartner zu sehen. Nutze den Inline Chat (Strg + I) für schnelle Änderungen und halte relevante Dateien geöffnet, um der KI den nötigen Kontext zu liefern.
Viel Erfolg beim Programmieren!