So lässt du GitHub Copilot deinen Code mit Kommentaren versehen – Einführung für Einsteiger

Visual Studio Code herunterladen und installieren

Öffne code.visualstudio.com in einem beliebigen Browser; du siehst einen großen Button, der meistens „Download for Windows“, „Download for macOS“ oder „Download for Linux“ lautet. Klicke darauf und öffne anschließend die Installationsdatei aus deinem Downloads-Ordner (sie endet auf .exe, .dmg, .deb oder .rpm). Der Installer führt dich durch ein paar Bildschirme – klicke einfach auf „Next“, stimme der Lizenz zu und drücke „Install“. Wenn der Installer fertig ist, startet VS Code und zeigt ein Fenster mit einer schmalen linken Seitenleiste und einem leeren Editor in der Mitte. Falls der Button nicht genau passt, suche nach einem Link wie „Other platforms“ oder „Get VS Code for …“. Du erkennst, dass es geklappt hat, wenn das VS Code-Symbol auf deinem Desktop oder in deinem Anwendungsordner erscheint und das Programm einen leeren Editor öffnet.

In VS Code bei GitHub anmelden

Während VS Code geöffnet ist, schau in die untere linke Ecke; dort solltest du ein kleines Silhouetten-Symbol sehen – das ist der Accounts-Button (stell dir vor, es ist die Tür, durch die VS Code deine Online-Identität kennenlernt). Klicke darauf; ein kleines Panel erscheint und bietet „Sign in with GitHub“ an. Wähle diese Option; dein Standard-Browser öffnet sich und bittet dich, die Anmeldung zu bestätigen. Nach der Bestätigung verschwindet das Panel und die Silhouette wird durch einen Avatar oder deine Initialen ersetzt. Falls du die Silhouette nicht siehst, öffne die Menüleiste, wähle View → Command Palette, tippe „Sign in“ und wähle die Option, die GitHub erwähnt. Du erkennst, dass es geklappt hat, wenn dein GitHub-Benutzername oder Avatar unten links in VS Code angezeigt wird.

Die GitHub-Copilot-Erweiterung installieren

In der linken Seitenleiste findest du ein Symbol, das wie vier Quadrate im Raster aussieht – damit öffnest du die Extensions-Ansicht (so etwas wie ein mini App Store direkt in VS Code). Klicke auf das Symbol; ein Panel mit Suchleiste oben erscheint. Tippe GitHub Copilot in die Suchleiste. Das erste Ergebnis ist die offizielle Copilot-Erweiterung mit einem Install-Button daneben. Klicke auf Install; VS Code lädt die Erweiterung herunter und aktiviert sie automatisch. Sobald der Vorgang abgeschlossen ist, erscheint ein neues Copilot-Logo (meist eine stilisierte Sprechblase) in der Activity Bar – dem schmalen vertikalen Streifen ganz links. Falls du das Symbol mit den vier Quadraten nicht findest, kannst du auch über View → Extensions im oberen Menü dorthin gelangen. Du erkennst, dass es geklappt hat, wenn in der Erweiterungsliste „GitHub Copilot“ als „Enabled“ steht und das Copilot-Symbol in der Activity Bar erscheint.

Eine Code-Datei im Editor öffnen

Klicke auf das erste Symbol in der linken Seitenleiste – es sieht aus wie zwei gestapelte Seiten und steht für den Explorer (eine Art Ordner-Browser). Navigiere im Explorer zu einem Ordner, der eine Datei wie example.js oder notes.txt enthält. Klicke die Datei einmal an, um sie auszuwählen, und doppelklicke sie, um sie zu öffnen; der Inhalt füllt den mittleren Editor, links erscheint eine Spalte mit Zeilennummern. (Eine Funktion ist einfach ein benanntes Bündel aus Anweisungen, wie eine Rezeptkarte, und ein Kommentar ist eine Notiz für menschliche Leser, die der Computer stillschweigend ignoriert.) Falls der Explorer nicht sichtbar ist, drücke Ctrl+Shift+E (auf macOS Cmd+Shift+E). Du erkennst, dass es geklappt hat, wenn der Text der Datei im Editor erscheint und links die Zeilennummern verlaufen.

GitHub Copilot bitten, einen Kommentar über einer Codezeile vorzuschlagen

Setze den Cursor auf eine leere Zeile genau über der Zeile, die du erklärt haben möchtest. Tippe // gefolgt von einer kurzen Anweisung wie Explain what this line does. In vielen Fällen zeigt dir GitHub Copilot direkt nach dem Tippen einen blassen, grauen Ghost-Text als Vorschlag an – das ist Copilots Inline-Autocomplete. Wenn der Ghost-Text erscheint, drücke Tab, um ihn in einen echten Kommentar zu verwandeln; drücke Escape, wenn du ihn verwerfen und einen anderen Prompt ausprobieren möchtest.

Wenn kein Ghost-Text erscheint, kann es sein, dass die Anweisung zu kurz ist oder die Erweiterung einen Moment zum Laden braucht. In diesem Fall kannst du als Alternative den eingebauten Befehl nutzen: Öffne die Command Palette (Ctrl+Shift+P / Cmd+Shift+P) und führe „GitHub Copilot: Explain“ aus. Copilot fügt dann einen Kommentar basierend auf der ausgewählten Zeile ein.

Du erkennst, dass es geklappt hat, wenn über der Zielzeile ein verständlicher Kommentar erscheint, der ihren Zweck in einfacher Sprache zusammenfasst.

Vorschlag prüfen, anpassen und speichern

Lies den neu eingefügten Kommentar laut vor; beschreibt er den Code korrekt, bist du fertig. Wenn der Wortlaut nicht passt, klicke einfach in die Kommentarzeile und schreibe eine Korrektur – Copilot lernt aus diesen Änderungen nicht, manuelle Anpassungen sind also ganz normal. Drücke zum Abschluss Ctrl+S (bzw. Cmd+S auf macOS), um die Datei zu speichern; der Punkt neben dem Dateinamen im Tab verschwindet und zeigt an, dass die Datei gespeichert ist. Wenn der Kommentar dir immer noch unklar vorkommt, gehe zurück zu Schritt 5 und formuliere deinen Prompt um (zum Beispiel Summarise the tax‑calculation step in plain English).