Ausführliches Beispiel mit VS Code

Übung: Beispiel Versionsverwaltung

• Voraussetzung ist ein eigener Github Account
• Legen Sie ihre eigene Kopie des Verzeichnisses an https://github.com/jhumci/IntroGitHub Fork (oben rechts)
• nun haben Sie eine eigene Kopie des Projektes
• (dies ist kein Branch sondern eine Kopie des Projekts mit eigenem main-Branch)

Ausführliches Beispiel mit VS Code

Übung: Klonen des Repository

• In einem neuen Fenster in VS Code können Sie das Projekt nun clonen
• Zunächst wird Sie git nach Ihrem Nutzernamen und Passwort fragen

Ausführliches Beispiel mit VS Code

Übung: Repository auswählen

• Oben in VS Code öffnet sich ein Auswahlfenster, in dem Sie das zu clonende Projekt auswählen können
• Alternativ können Sie auch eine Kommandozeile öffnen und ein Projekt mit dem Befehl herunterladen
  git clone <URL-Projekt>

Ausführliches Beispiel mit VS Code

Übung: Geöffnetes Projekt

• Sie sehen nun, dass das Repository/Projekt nur eine Datei enthält
• Oben rechts, im mittleren Fenster (Lupe) können Sie die Vorschau öffnen der Markdown Datei öffnen

Ausführliches Beispiel mit VS Code

Übung: Neuer Branch

• ganz links lässt sich das git-Menü (verzweigte Pfeile) öffnen
• Nun können Sie im Menü (im linken Fester rechts oben) einen neuen Branch anlegen

Ausführliches Beispiel mit VS Code

Übung: Änderungen im Working Directory

• Geben Sie dem Branch einen Namen (z.B. Ihren eigenen)
• Ändern Sie den Namen in der Markdown Datei
• Speichen Sie die Änderung (nun ist die Änderung im Working directory wirksam)
• Öffnen Sie dein Terminal ('.../Gitausgabe anzeigen') und überprüfen Sie den Status von Git (git status)

Ausführliches Beispiel mit VS Code

Übung: Änderungen im Working Directory

• Sie sehen nun, dass eine Datei verändert wurde (modified), aber noch nicht in den Branch übernommen wurde (gestaged)

Ausführliches Beispiel mit VS Code

Übung: Übernehmen von Änderungen in einem Commit

• Um eine Änderung im Branch zu comitten vergeben sie einen commit-name und und bestätigen Sie mit dem
• gegen Sie erneut git status ein
• Die Antwort bestätigt Ihnen, dass nun alles im aktuellen Branch erfasst ist

On branch Christoph
nothing to commit, working tree clean

Ausführliches Beispiel mit VS Code

Übung: Veröffentlichen eines Commits

• veröffentlichen Sie den Branch und prüfen Sie auf der Github Website, dass der Branch nun auch dort verfügbar ist
• Der Befehl, der im Hintergrund abläuft heißt git push

Ausführliches Beispiel mit VS Code

Übung: Wechseln zwischen Branches

• Unten links können Sie jederzeit zwischen ihren Branches wechseln
• Hier sind sowohl remote als auch lokale Branches sichtbar durch git fetch können sie diese synchron halten
• Ihre Änderungen bleiben dabei im jedem Branch erhalten
• Wechseln Sie zwischen den Branches zurück auf den Main-Branch

Ausführliches Beispiel mit VS Code

Übung: Umgang mit Differenzen

• Fügen Sie in beiden Branchens einen unterschiedlichen Nachnamen hinzu und comitten und veröffentlichen Sie beide Änderungen

Ausführliches Beispiel mit VS Code

Zusammenführen von Branches (Mergen)

• Wechseln Sie zu Branch Main
• Wählen Sie 'Branch/ Branch zusammenführen/<zweiterBranchName>'
• Nun tritt ein Konflikt auf, da beide Dateien unabhängig voneinander geändert wurden

Ausführliches Beispiel mit VS Code

Übung: Zusammenführen von Branches (Mergen)

• Sie müssen nun Entscheiden, ob sie den Current Change (aus dem Branch in dem Sie sind) oder in Incomming Change aus dem zweiten Branch behalten
• Akzeptieren Sie eine der Versionen und comitten und pushen Sie die Änderungen
• Erstellen Sie anschießend einen neuen Branch für ihre nächste Veränderung

Ausführliches Beispiel mit VS Code

Übung: Überprüfen des Erfolgs auf github

• Nachdem Sie Ihre Änderungen gepusht haben, können Sie diese auch auf Github nachvollziehen
• Hier sollten nun beide Branches zu finden sein