GitHub Copilot in VS Code einrichten: Der ultimative Guide für sofortige Produktivität

Melden

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

  1. Extension suchen: Öffne VS Code, gehe zum Extensions-Icon (links in der Leiste oder Strg+Umschalt+X) und suche nach "GitHub Copilot".
  2. Installieren: Installiere sowohl "GitHub Copilot" als auch "GitHub Copilot Chat" (letzteres ist entscheidend für die volle Produktivität).
  3. Anmelden: Klicke unten links auf das Benutzer-Icon oder folge dem Popup, um dich bei GitHub anzumelden. Bestätige die Autorisierung im Browser.
  4. 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 + [ oder Alt + ], um alternative Lösungen zu sehen.
  • Kommentar-zu-Code: Schreibe einen Kommentar (z.B. // Funktion, die eine API-Anfrage an GitHub sendet), drücke Enter und 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:

  1. 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.
  2. Präzise Prompts: Statt „Schreibe ein Formular“, schreibe lieber „Schreibe ein Login-Formular mit Tailwind CSS und Validierung für E-Mail und Passwort“.
  3. Code-Dokumentation: Tippe /** über einer Funktion. Copilot wird den JSDoc-Kommentar (oder den entsprechenden Standard deiner Sprache) inklusive aller Parameterbeschreibungen vervollständigen.
  4. Ü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!

0