Erste Schritte mit Git

Hast du dir jemals eine Zeitmaschine für deinen Code gewünscht? Git ist genau das und vieles mehr.

Wenn du nicht mit Git vertraut bist: Dabei handelt es sich um ein System für die Versionskontrolle, mit dem du Änderungen an deinem Code nachzuverfolgen kannst. Du kannst eine Momentaufnahme deines Projekts zu einem bestimmten Zeitpunkt speichern und anschließend experimentelle Änderungen vornehmen, ohne deine Arbeit zu gefährden, da du jederzeit wieder zu deiner Momentaufnahme zurückkehren kannst.

GitHub selbst ist eine Plattform, die auf Git basiert, sodass Sie Ihre Git-Projekte in der Cloud speichern und mit anderen Entwicklern daran arbeiten können.

Git kann zwar kompliziert sein, es ist jedoch ein leistungsstarkes und für alle Entwickelnden erforderliches Tool. Dieser Artikel enthält alle Tools, die du für die Verwendung von Git in deinem täglichen Workflow benötigst.

Voraussetzungen

Um diesem Lernprogramm zu folgen, müssen Sie installieren Visual Studio Code.

Grundlagen von Git lernen mit GitHub Desktop

Für standardmäßige Git-Operationen empfehlen wir GitHub Desktop, eine App, mit der Sie visuell mit Git interagieren können, statt schriftliche Befehle zu verwenden. In diesem Abschnitt lernen wir, wie man GitHub Desktop verwendet, um die häufigsten Git-Vorgänge schnell auszuführen.

Einrichten GitHub Desktop

Wenn Sie GitHub Desktop zum ersten Mal verwenden, müssen Sie es installieren und Ihr GitHub-Konto verknüpfen.

1. Herunterladen GitHub Desktop.
2. Öffnen Sie GitHub Desktop, klicken Sie dann auf Bei GitHub.com anmelden und autorisieren Sie GitHub Desktop, auf Ihr Konto zuzugreifen.
3. Zurück in GitHub Desktop, klicken Sie auf "Fertig stellen". Dadurch werden Ihr Name und Ihre E-Mail von Ihrem GitHub Konto zu Git hinzugefügt.

Erstellen eines lokalen Repositorys

Jetzt kannst du die ersten Schritte in Git ausführen, indem du ein Repository erstellen. Stelle dir ein Repository als Projektordner vor, in dem Änderungen nachverfolgt und der Verlauf gespeichert werden. Erstelle zunächst ein lokales Repository:

1. Klicken Sie in GitHub Desktop auf „Neues Repository auf Ihrem lokalen Laufwerk erstellen“.

2. Benenne das Repository learning-git.

3. Wähle Initialize this repository with a README aus, um automatisch eine leere README.md-Datei zu erstellen.

   Tipp

   Es ist üblich, in deinen Projekten eine README.md-Datei einzuschließen, die auch als Infodatei bezeichnet wird. README-Dateien enthalten in der Regel Informationen, die anderen helfen, dein Projekt zu verstehen, einzurichten und auszuführen.

4. Klicke auf Repository erstellen.

Erstellen eines Remoterepositorys

Das soeben erstellte lokale Repository befindet sich auf deinem Computer. Nun erstellen wir ein Remote-Repository für dasselbe Projekt, das auf GitHub gehostet wird. Das Verknüpfen eines Remoterepositorys erleichtert die Zusammenarbeit und Sicherung deiner Arbeit.

1. Klicken Sie in GitHub Desktop auf Repository veröffentlichen.
2. Klicke im daraufhin angezeigten Popup ein weiteres Mal auf Publish repository.
3. Um Ihr Remote-Repository anzuzeigen, klicken Sie auf "Anzeigen" GitHub.

Einrichtung eines Bereichs für Änderungen

Nachdem du ein Repository erstellt hast, lass uns über Zweige sprechen. Branches sind im Wesentlichen Kopien deines Projekts, in denen du Änderungen testen kannst, ohne die Stabilität deiner vorhandenen Arbeit zu gefährden.

Repositorys werden automatisch mit einem main-Branch erstellt, den du dir als stabile, primäre Version deines Projekts vorstellen kannst. Beispielsweise entspricht im Repository für eine Website der main-Zweig der Website, die Besuchern angezeigt wird.

Beim Erstellen eines neuen Branchs erstellst du einen sicheren Bereich für die Arbeit an einem neuen Feature ohne Auswirkungen auf die primäre Version. Du und deine Mitarbeitenden können verschiedene Branches verwenden, um an mehreren Features gleichzeitig zu arbeiten.

Erstelle einen Branch, um an Änderungen im Repository zu arbeiten:

1. Wählen Sie in GitHub Desktop das Dropdown-Menü Current Branch aus und klicken Sie dann auf New Branch.
2. Benenne den neuen Branch readme-updates, und klicke anschließend auf Create Branch.

Speichern von Momentaufnahmen deines Projekts

Erstelle einen Commit, um den Fortschritt in deines Branchs zu speichern. Ein Commit ist eine Momentaufnahme deines Projekts zu einem bestimmten Zeitpunkt. Sie haben eigentlich bereits Ihren ersten Commit gemacht: Als Sie Ihr Projekt mit einer README initialisiert haben, hat GitHub Desktop automatisch einen ersten Commit erstellt, um die Datei README.md hinzuzufügen.

Wenn du einen Teil der Arbeit abschließt, den du speichern möchtest, solltest du einen Commit erstellen. Danach kannst du jederzeit zu diesem Zeitpunkt zurückkehren, unabhängig davon, wie viele Änderungen du in Zukunft vornimmst.

1. Klicken Sie in GitHub Desktop auf Öffnen in Visual Studio Code.

2. Fügen Sie in VS Code den folgenden Text in README.md ein und speichern Sie Ihre Änderungen:

   Markdown

   Hello, World!
   
   This is a demo project for learning how to use Git.
   

3. Wieder in GitHub Desktop werden Sie die Änderungen sehen, die Sie soeben an Ihrer README vorgenommen haben. Geben Sie unten links neben Ihrem GitHub Profilbild im Textfeld "README aktualisieren" ein. Das wird als Commitnachricht bezeichnet und hilft dir, die Änderungen nachzuverfolgen, die du in jedem Commit vornimmst.

4. Klicke auf Commit to readme-updates, um deinen Commit zu erstellen.

Integrieren deiner Änderungen in deinen Mainbranch

Wenn du mit den Änderungen zufrieden bist, die du an einem Branch vorgenommen hast, kannst du im Remoterepository deinen Branch veröffentlichen und einen Pull Request erstellen. Mit Pull Requests kannst du eine Reihe vorgeschlagener Änderungen überprüfen und diese anschließend von einem Branch in einen anderen zusammenführen. In unserem Fall erstellen wir einen Pull Request, der die in readme-updates vorgenommenen Änderungen in unseren ursprünglichen Branch main integriert.

1. Klicke auf Publish branch, um den readme-updates-Branch mit deinen Änderungen an das Remoterepository zu pushen.

2. Um deine vorgeschlagenen Änderungen zu überprüfen, klicke auf Preview Pull Request.

3. Klicke auf Pull Request erstellen.

4. Ändern Sie in dem GitHub Fenster, das daraufhin angezeigt wird, den Titel Ihres Pull-Requests in „Add a message to the README“, und schreiben Sie dann eine kurze Beschreibung Ihrer Änderungen in das Kommentarfeld.

5. Klicken Sie auf Pull Request erstellen.

6. Wenn du deine Änderungen in den main-Branch integrieren möchtest, klicke unten auf der Seite auf Merge pull request.

   Hinweis

   Wenn du mit weiteren Entwickelnden an einem Projekt arbeitest, empfiehlt es sich, deinen Pull Request vor dem Mergen durch eine weitere Person überprüfen zu lassen.

7. Klicke unten auf der Seite auf Delete branch. Das Löschen von in main gemergten Branches trägt dazu bei, dass dein Repository sauber bleibt und einfach in ihm navigiert werden kann.

Vorbereitung auf weitere Änderungen

Herzlichen Glückwunsch zum Zusammenführen deines ersten Pull-Requests. Nachdem du deine Änderungen nun erfolgreich in den main-Branch integriert hast, musst du einige Schritte ausführen, um dich auf die nächsten Änderungen vorzubereiten:

1. Wenn GitHub DesktopSie sich nicht im mainBranch befinden, wählen Sie das Dropdown-Menü Aktueller Branch aus und klicken Sie anschließend auf main.

   Du solltest beinahe jedes Mal zum main-Branch wechseln, bevor du einen neuen Branch erstellst, da neue Branches als Kopien des aktuell ausgewählten Branchs erstellt werden.

2. Um zu überprüfen, ob Änderungen an deinem Remote-Branch vorgenommen wurden, klicken Sie auf main.

3. Zum Schluss, um deinen lokalen main-Branch mit den Änderungen des main-Remote-Branches zu aktualisieren, klicke auf Pull origin.

Du verfügst jetzt über alle erforderlichen Fähigkeiten zum Einrichten und Verwenden von Git für ein Projekt.

Tiefere Einblicke in Git in der Befehlszeile

GitHub Desktop ist darauf ausgelegt, Ihre täglichen Git-Anforderungen zu erfüllen. Wenn du als Entwickler Erfahrungen sammelst, wirst du wahrscheinlich auf einige ungewöhnliche Situationen stoßen, in denen du dir mehr Kontrolle über einen Git-Vorgang wünschst oder komplexere Befehle verwenden musst. In diesen Fällen musst du in der Befehlszeile geschriebenen Git-Befehlen verwenden.

Einrichten der Befehlszeile

Vor der Arbeit mit der Befehlszeile musst du einige Tools einrichten.

1. Drücken Sie in GitHub DesktopStrg+`, um Ihr Projekt über die Befehlszeile zu öffnen.

2. Wenn Sie Windows verwenden, installieren Sie Git. Bei macOS und Linux ist Git standardmäßig installiert.

3. Installieren Sie das GitHub CLI, mit dem Sie GitHub-bezogene Aktionen schnell über die Kommandozeile ausführen können.

4. Um sich von GitHub aus an GitHub CLI zu authentifizieren, führen Sie den folgenden Befehl aus:

   Shell

   gh auth login
   

   Wählen Sie die Authentifizierung bei GitHub.com, und folgen Sie dann den Anweisungen auf dem Bildschirm.

5. Installieren Sie GitHub Copilot-CLI, sodass Sie über die Befehlszeile verwenden Copilot können. Weitere Informationen findest du unter Installation von GitHub Copilot CLI.

Experimentieren mit komplexen Befehlen

Jetzt, da du eingerichtet bist, lernen wir, wie du die Befehle finden und verstehen kannst, die du in Zukunft möglicherweise benötigst. Angenommen, du hast gesehen, dass jemand im Internet git blame erwähnt hat, aber du weißt nicht, was es macht. Versuchen Sie, Copilot mit dem folgenden Befehl zu bitten, es zu erklären:

gh copilot explain "git blame"

gh copilot explain "git blame"

Copilot zeigt uns, dass git blame einen detaillierten Verlauf einer Datei liefert und den Autor sowie den Commit anzeigt, die jede Zeile in der Datei zuletzt geändert haben. Probiere es mit dem folgenden Befehl selbst aus:

git blame README.md

git blame README.md

Es handelt sich dabei zwar um ein großartiges Tool, doch wie du dir vorstellen kannst, kann die Verantwortungszuweisung für eine Datei äußerst lang ausfallen. Angenommen, du interessierst dich in einer Datei nur für das neueste Update einer bestimmten Zeile. Sie können Copilot bitten, den richtigen Befehl für Sie zusammenzustellen:

gh copilot suggest "Show me the blame for line 1 of README.md"

gh copilot suggest "Show me the blame for line 1 of README.md"

Wenn Copilot Sie gefragt werden, welche Art von Befehl Sie suchen, verwenden Sie die Pfeiltasten, um den Git-Befehl auszuwählen, und drücken Sie dann die EINGABETASTE. Copilot schlägt dann den folgenden Befehl vor:

git blame -L 1,1 README.md

git blame -L 1,1 README.md

Wähle mit den Pfeiltasten Execute command aus, und drücke anschließend die EINGABETASTE. Die Schreibenden und die zuletzt geänderte Zeile 1 von README.md werden daraufhin angezeigt.

Überprüfen und nächste Schritte

In diesem Artikel haben wir die Grundlagen von Git behandelt und mit GitHub Desktop wichtige Begriffe kennengelernt, wie zum Beispiel:

• Repository: Ein Ordner, in dem alle Änderungen gespeichert werden, die an Dateien in deinem Projekt vorgenommen wurden
• Commit: Eine Momentaufnahme deines Projekts zu einem bestimmten Zeitpunkt
• Branch: Eine Kopie deines Projekts, in der du an einer Reihe von Änderungen arbeiten kannst
• Pull Request: Eine Anforderung zum Zusammenführen von Änderungen von einem Zweig in einen anderen.

Darüber hinaus haben wir über das Ausführen kompliziertere Git-Vorgänge in der Befehlszeile gesprochen. gh copilot explain und gh copilot suggest wurden ausprobiert, um neue Befehle und Funktionen nachzuvollziehen und diese zu finden.

Versuche nun, diese Erkenntnisse auf deine eigene Arbeit anzuwenden. Fügen Sie Git zu einem vorhandenen Projekt hinzu, indem GitHub Desktop Sie STRG+O (Windows/Linux) oder Befehl+O (Mac) drücken und die Vorteile der Versionssteuerung selbst erleben!