GitHub + VS Code: Git-Workflow ohne Terminal verlassen

GitHub hat einen neuen Guide für VS Code und Git-Integration veröffentlicht. Die Botschaft: Der gesamte Git-Workflow lässt sich direkt im Editor erledigen. Kein Terminal, kein Context-Switching.

Die Grundlagen

VS Code ist mehr als ein Editor. Der kostenlose Source-Code-Editor von Microsoft hat eingebaute Git-Funktionalität, die direkt mit GitHub integriert. Das reduziert Context-Switching, strafft den Workflow und steigert die Produktivität.

Was du brauchst: Git und VS Code installiert. Mehr nicht.

Repository initialisieren

Der erste Schritt: Ein lokaler Ordner wird zum Git-Repository.

1. VS Code öffnen
2. Das Explorer-Icon (zwei Dateien übereinander) anklicken
3. “Open Folder” wählen
4. Ein Ordner mit etwas Code auswählen
5. Das Source-Control-Icon (drittes von oben) wählen
6. “Initialize Repository” klicken

Danach zeigt die Status-Bar unten links den Branch-Namen – Standardmäßig “main”.

Branches erstellen und wechseln

Branching direkt im Editor:

1. Command Palette öffnen: Shift-Cmd-P (Mac) oder Ctrl-Shift-P (PC)
2. “create branch” eingeben
3. “Git: Create Branch…” wählen
4. Branch-Namen eingeben (z.B. “new-features”)
5. Enter drücken

VS Code erstellt den Branch und wechselt automatisch hinein.

Änderungen verfolgen: Grüne Linien im Gutter markieren neue Zeilen, blaue Linien markierte Änderungen, rote Pfeile gelöschte Zeilen. Der Source-Control-Panel zeigt alle modifizierten Dateien mit “U” (untracked), “A” (staged) oder “M” (modified).

Diffs anzeigen

Side-by-Side-Diffs ohne zusätzliche Tools:

Einfach auf den Dateinamen im Source-Control-Panel klicken. Die diff-Ansicht zeigt Änderungen direkt nebeneinander. Alternativ: Inline-View über die drei Punkte im oberen rechten Bereich – alle Änderungen in einem einzigen Fenster.

Branches mergen

Nachdem Änderungen committet wurden:

1. Branch-Namen unten links anklicken
2. “main” wählen
3. Im Source-Control-Panel die drei Punkte neben “CHANGES”
4. “Branch” → “Merge…”
5. Den Branch mit den Änderungen auswählen

Fertig – die Änderungen sind in main.

Zu GitHub publishen

Lokal ist lokal. Für GitHub-Sync:

1. “Publish Branch” im Source-Control-Panel klicken
2. Privat oder öffentlich wählen
3. VS Code erstellt das Remote-Repository

Danach: “Open on GitHub” zeigt das Repo online.

Repository klonen

Code von GitHub auf die lokale Maschine:

1. GitHub-Repo-Seite öffnen
2. Grünen “Code”-Button klicken
3. URL kopieren
4. VS Code öffnen, Command Palette: Shift-Cmd-P
5. “clone” eingeben, “Git: Clone” wählen
6. URL einfügen
7. Zielordner wählen

Model Context Protocol

Der vielleicht spannendste Teil: Mit dem GitHub MCP-Server kann Copilot direkt auf GitHub-APIs zugreifen.

1. Extensions-Icon in der linken Navigation
2. “@mcp github” suchen
3. GitHub Extension installieren
4. Authentifizierung erlauben
5. Im Chat Copilot bitten, Features hinzuzufügen

Copilot erstellt dann direkt Issues, PRs oder Code – mit Zugriff auf das Repository.

Fazit

Der gesamte Git-Workflow lässt sich ohne Terminal erledigen: Repos initialisieren, Branches managen, Diffs anzeigen, Merges durchführen, zu GitHub publishen. Für Anfänger ist das eine klare Erleichterung. Für Profis: Ein Workflow, der Context-Switching eliminiert.

Link: Original-Artikel