GitHub in VS Code

Dein erster Push — ohne Terminal-Angst

Nur das eingebaute Source-Control-Panel. Keine Extension nötig. 🦀

Was du brauchst

  • VS Code — hast du
  • Git installiert — git-scm.com, einmal durchklicken
  • Ein GitHub-Konto — kostenlos

Das war's an Setup. VS Code bringt die GitHub-Anbindung schon mit.

Wo alles passiert

Links in der Leiste das Verzweigungs-Symbol — oder Strg+Shift+G.

SOURCE CONTROL Deine Änderungen erscheinen hier ↑

Kleiner Zähler am Symbol = so viele Dateien haben sich geändert.

Projekt hochladen — 1 Klick

Ordner in VS Code offen, noch kein Repo? Dann steht da Publish to GitHub:

SOURCE CONTROL Repository initialisieren Publish to GitHub ← der blaue macht die Arbeit

VS Code fragt Login + privat/öffentlich — fertig, Repo ist online.

Bestehendes Repo? Dann Clone Repository → GitHub-Link einfügen.

Der ganze Alltag = 4 Schritte

✏️ Ändern Stage (add) Commit Sync (push/pull)

Mehr ist es nicht. Der Rest sind Details.

Stage — was kommt mit?

Geänderte Dateien stehen unter Changes. Das + nimmt sie mit.

SOURCE CONTROL Nachricht (Strg+Enter zum Commit) CHANGES 2 app.js M + README.md U + M = geändert · U = neu (untracked)

Alles auf einmal

Das + neben der Überschrift Changes staged alles zusammen.

Staged heißt: „das nehme ich in den nächsten Commit". Noch nichts gespeichert.

Commit — Schnappschuss + Notiz

Login-Formular gebaut ✓ Commit Kurz & im Präsens: „macht X" — nicht „hab X gemacht".

Nachricht rein → Commit (oder Strg+Enter). Lokal gespeichert. ✅

Ein Commit ist ein Speicherpunkt, zu dem du immer zurück kannst.

Sync — hoch & runter

WasWann
Pushdeine Commits hoch zu GitHubnach dem Commit
PullNeues von GitHub runterbevor du startest

Sync macht beides in einem: erst Pull, dann Push.

Der Sync-Knopf

Unten links in der Statusleiste — Branch + die zwei Pfeile:

main 1 ↑ 0 ↓ ← klicken = Sync (Pull + Push)

„1 ↑" heißt: ein Commit wartet auf den Weg nach oben.

Dein Rhythmus

  1. Sync — hol dir den neuesten Stand
  2. arbeiten, speichern
  3. StageCommit mit klarer Nachricht
  4. Sync — dein Stand liegt auf GitHub

Klein & oft committen schlägt einmal alles.

Kurz im Kopf behalten

  • Strg+Shift+G → Source Control
  • + = Stage · Commit = speichern · Sync = tauschen
  • M geändert · U neu · immer erst Pull

Verhakt? Rechtsklick auf eine Datei zeigt „Discard" — Änderungen zurücknehmen.

Das war GitHub in VS Code

Ändern → Stage → Commit → Sync.

Kein Terminal, keine Magie — nur ein Panel und vier Handgriffe.

Ab hier gilt: einfach machen. Der erste Push ist der schwerste. 🦀