Git und GitHub lernen: Versionskontrolle Schritt für Schritt in 30 Minuten

Lerne in nur 30 Minuten die Grundlagen von Git und GitHub. Dieses Tutorial führt dich durch die Einrichtung, das Anlegen von Repositories, Commits und das Pushen von Änderungen. Optimiere deine Entwicklungsworkflows und arbeite effizienter in Teams.

Git und GitHub lernen: Versionskontrolle Schritt für Schritt in 30 Minuten

⏱ Zeitaufwand: 30 Minuten | 🎯 Level: Anfänger

Dein Einstieg in die Versionskontrolle: Git und GitHub meistern

Kurz gesagt: Mit diesem Tutorial lernst du, wie du Git lokal installierst, dein erstes Projekt initialisierst, Änderungen nachverfolgst und diese sicher auf GitHub speicherst. Du wirst verstehen, wie Versionskontrolle funktioniert und wie du damit deine Code-Projekte effektiv verwaltest und mit anderen teilst.


1. Problem/Ziel – Was du nach diesem Tutorial kannst

Viele Entwickler, besonders Anfänger, kämpfen mit der Organisation ihres Codes, dem Nachverfolgen von Änderungen oder der Zusammenarbeit in Teams. Ohne ein Versionskontrollsystem gehen wichtige Code-Versionen verloren, Änderungen überschreiben sich gegenseitig oder die Zusammenarbeit wird chaotisch. Nach diesem Tutorial wirst du:

  • Git auf deinem System installieren und konfigurieren können.
  • Ein lokales Git-Repository erstellen und verwalten können.
  • Änderungen an deinem Code nachverfolgen und mit aussagekräftigen Commits speichern können.
  • Ein GitHub-Repository erstellen und deine lokalen Änderungen dorthin pushen können.
  • Grundlagen der Versionskontrolle verstehen und sicher anwenden können.

2. Voraussetzungen & Zeitaufwand

2.1. Was du brauchst:

  • Einen Computer mit Internetzugang.
  • Ein GitHub-Konto (kostenlos).
  • Einen Texteditor deiner Wahl (z.B. VS Code, Sublime Text, Notepad++).
  • Ein Terminal oder eine Kommandozeile.

2.2. Zeitaufwand:

Plane etwa 30 Minuten für die Installation, Konfiguration und das Durcharbeiten der Schritte ein. Wenn du die Praxis-Übung intensiv machst, könnten es auch 45 Minuten werden.


3. Schritt-für-Schritt-Anleitung: Dein erstes Git-Projekt auf GitHub

3.1. Git installieren

Zuerst musst du Git auf deinem System installieren. Besuche die offizielle Git-Website und lade die passende Version für dein Betriebssystem herunter.

Windows: Lade den Installer von git-scm.com/download/win herunter und folge den Anweisungen. Die Standardeinstellungen sind meist ausreichend.

macOS: Öffne das Terminal und gib ein:


xcode-select --install

Oder lade den Installer von git-scm.com/download/mac herunter.

Linux (Debian/Ubuntu): Öffne das Terminal und gib ein:


sudo apt update
sudo apt install git

Verifikation: Überprüfe, ob Git korrekt installiert wurde, indem du im Terminal eingibst:


git --version

Du solltest die installierte Git-Version sehen, z.B. git version 2.34.1.

3.2. Git konfigurieren

Bevor du Git verwendest, musst du deinen Namen und deine E-Mail-Adresse konfigurieren. Diese Informationen werden in jedem deiner Commits gespeichert.


git config --global user.name "Dein Name"
git config --global user.email "deine.email@example.com"
Tipp: Verwende die gleiche E-Mail-Adresse, die du für dein GitHub-Konto nutzt, um Commits korrekt zuzuordnen.

3.3. Ein neues lokales Repository erstellen

Erstelle einen neuen Ordner für dein Projekt und navigiere in diesen Ordner im Terminal.


mkdir mein-erstes-git-projekt
cd mein-erstes-git-projekt

Initialisiere dann ein neues Git-Repository:


git init

Du solltest die Meldung Initialized empty Git repository in /path/to/mein-erstes-git-projekt/.git/ sehen.

3.4. Dateien hinzufügen und den ersten Commit machen

Erstelle eine einfache Textdatei in deinem Projektordner, z.B. README.md, mit folgendem Inhalt:


# Mein erstes Git-Projekt

Dies ist ein Testprojekt, um Git und GitHub zu lernen.

Überprüfe den Status deines Repositorys:


git status

Du solltest sehen, dass README.md als 'untracked file' angezeigt wird.

Füge die Datei zum Staging-Bereich hinzu:


git add README.md

Überprüfe den Status erneut:


git status

Jetzt sollte README.md als 'new file' im Staging-Bereich angezeigt werden.

Mache den ersten Commit:


git commit -m "Initialer Commit: README.md hinzugefügt"

Der Schalter -m steht für 'message'. Die Commit-Nachricht sollte kurz und aussagekräftig sein.

3.5. Ein GitHub-Repository erstellen

Gehe zu github.com, melde dich an und klicke auf das '+' Symbol oben rechts -> 'New repository'.

  • Repository name: mein-erstes-git-projekt
  • Description: (Optional) Mein erstes Projekt, um Git und GitHub zu lernen.
  • Wähle Public oder Private.
  • WICHTIG: Aktiviere NICHT die Option 'Add a README file', 'Add .gitignore' oder 'Choose a license', da wir diese Dateien bereits lokal erstellen.

Klicke auf 'Create repository'.

Nach der Erstellung siehst du eine Seite mit Anweisungen. Kopiere die Zeilen unter '…or push an existing repository from the command line'. Sie sollten etwa so aussehen:


git remote add origin https://github.com/DEIN_USERNAME/mein-erstes-git-projekt.git
git branch -M main
git push -u origin main

3.6. Lokales Repository mit GitHub verbinden und pushen

Füge das entfernte GitHub-Repository als 'origin' zu deinem lokalen Repository hinzu. Ersetze DEIN_USERNAME mit deinem tatsächlichen GitHub-Benutzernamen.


git remote add origin https://github.com/DEIN_USERNAME/mein-erstes-git-projekt.git

Benenne den Standard-Branch in 'main' um (falls er noch 'master' heißt):


git branch -M main

Pushe deine lokalen Commits zum GitHub-Repository:


git push -u origin main

Möglicherweise wirst du aufgefordert, deine GitHub-Anmeldeinformationen einzugeben. Nutze hierfür ein Personal Access Token, falls die Passwort-Authentifizierung nicht mehr funktioniert (GitHub hat die Passwort-Authentifizierung für Git-Operationen abgeschafft).

3.7. Änderungen vornehmen und erneut pushen

Bearbeite die Datei README.md oder erstelle eine neue Datei, z.B. index.html mit folgendem Inhalt:


<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mein erstes HTML</title>
</head>
<body>
    <h1>Willkommen zu meinem Projekt!</h1>
    <p>Diese Seite wurde mit Git versioniert.</p>
</body>
</html>

Füge die Änderungen hinzu und committe sie:


git add .
# Der Punkt '.' fügt alle geänderten und neuen Dateien hinzu
git commit -m "Feature: index.html hinzugefügt und README aktualisiert"

Pushe die neuen Commits zu GitHub:


git push

Aktualisiere die GitHub-Seite deines Repositorys im Browser, um die neuen Dateien und Commits zu sehen.


Praxis-Übung: Eine weitere Datei hinzufügen und Änderungen committen

Jetzt bist du dran! Erstelle eine dritte Datei und spiele mit den Git-Befehlen.

  1. Neue Datei erstellen: Erstelle eine Datei namens style.css in deinem Projektordner mit folgendem Inhalt:
    
    body {
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
        color: #333;
    }
    
  2. Datei zu Git hinzufügen: Nutze git add style.css, um die neue Datei für den Commit vorzubereiten.
  3. Status überprüfen: Gib git status ein, um sicherzustellen, dass style.css im Staging-Bereich ist.
  4. Committen: Erstelle einen aussagekräftigen Commit mit git commit -m "Style: style.css hinzugefügt".
  5. Pushen: Lade deine Änderungen mit git push auf GitHub hoch.
  6. Ergebnis überprüfen: Besuche dein GitHub-Repository im Browser und vergewissere dich, dass style.css dort sichtbar ist.

4. Typische Fehler & Lösungen

  1. Fehler: fatal: not a git repository (or any of the parent directories): .git
    Lösung: Du befindest dich nicht im richtigen Ordner. Navigiere mit cd in den Projektordner, in dem du git init ausgeführt hast, oder führe git init im aktuellen Ordner aus, falls du noch kein Repository erstellt hast.
  2. Fehler: fatal: remote origin already exists. beim Ausführen von git remote add origin ...
    Lösung: Du hast das 'origin'-Remote bereits hinzugefügt. Du kannst es entweder entfernen (git remote remove origin) und dann erneut hinzufügen, oder direkt mit git push -u origin main fortfahren.
  3. Fehler: Authentication failed for 'https://github.com/...' beim Pushen.
    Lösung: GitHub akzeptiert keine Passwörter mehr für Git-Operationen. Du musst ein Personal Access Token (PAT) verwenden. Gehe zu GitHub-Einstellungen > Developer settings > Personal access tokens > Tokens (classic) > Generate new token. Gib dem Token die nötigen Rechte (mindestens 'repo'). Wenn du dann pusht, gib das PAT anstelle deines Passworts ein.
  4. Fehler: Dateien werden nicht in GitHub angezeigt, obwohl git push erfolgreich war.
    Lösung: Hast du die Dateien auch wirklich hinzugefügt (git add .) und committet (git commit -m "Nachricht"), bevor du gepusht hast? Nur committete Änderungen werden hochgeladen. Überprüfe mit git status.

5. Fazit: Dein Weg in die Welt der Versionskontrolle

Herzlichen Glückwunsch! Du hast erfolgreich die Grundlagen von Git und GitHub gelernt und dein erstes Projekt versioniert. Du kannst nun Änderungen nachverfolgen, Commits erstellen und deine Arbeit auf GitHub teilen. Dies ist ein fundamentaler Schritt für jeden, der mit Code arbeitet, sei es alleine oder im Team.

Die Versionskontrolle ist ein mächtiges Werkzeug, das dir hilft, Fehler zu beheben, alte Versionen wiederherzustellen und effizient mit anderen zusammenzuarbeiten. Bleib dran und experimentiere weiter!



Finde deinen Tech-Mentor oder Coding-Buddy auf Skill Tandem

Die Welt der Technologie ist riesig und ständig im Wandel. Manchmal braucht man einfach Unterstützung oder einen Sparringspartner. Auf Skill Tandem (skilltandem.app) findest du eine komplett kostenlose Community-Plattform, auf der du dich mit gleichgesinnten Tech-Enthusiasten vernetzen kannst. Egal ob du einen Mentor für Git und GitHub suchst, einen Coding-Buddy für dein nächstes Projekt oder jemanden, der dir die Feinheiten von Cloud Computing erklärt – bei uns wirst du fündig.

Skill Tandem ist der ideale Ort, um dein Wissen zu teilen, von anderen zu lernen und gemeinsam an deinen Fähigkeiten zu arbeiten. Es ist die perfekte Ergänzung, um das hier gelernte Wissen zu festigen und in realen Projekten anzuwenden.

Jetzt kostenlos registrieren und deinen Tech-Lernpartner finden!


FAQ: Häufige Fragen zu Git und GitHub

Was ist der Unterschied zwischen Git und GitHub?

Git ist ein verteiltes Versionskontrollsystem, das auf deinem lokalen Computer läuft und dir erlaubt, Änderungen an deinem Code nachzuverfolgen. GitHub hingegen ist eine webbasierte Hosting-Plattform für Git-Repositories, die die Zusammenarbeit erleichtert und eine grafische Oberfläche für die Verwaltung deiner Projekte bietet.

Warum sollte ich Git und GitHub nutzen?

Git und GitHub sind unverzichtbar für die moderne Softwareentwicklung. Sie ermöglichen dir, Änderungen an deinem Code zu versionieren, zu alten Versionen zurückzukehren, effizient mit anderen Entwicklern zusammenzuarbeiten, Code-Reviews durchzuführen und deine Projekte öffentlich oder privat zu hosten.

Ist GitHub kostenlos?

Ja, GitHub bietet eine kostenlose Version an, die es dir ermöglicht, öffentliche und private Repositories zu erstellen und die meisten grundlegenden Funktionen zu nutzen. Für erweiterte Team- und Unternehmensfunktionen gibt es kostenpflichtige Pläne.

Kann ich Git auch ohne GitHub verwenden?

Ja, du kannst Git vollständig lokal verwenden, um deine Projekte zu versionieren, ohne sie auf GitHub oder einer anderen Remote-Plattform zu hosten. GitHub ist eine Ergänzung zu Git, die die Zusammenarbeit und das Hosting erleichtert, aber nicht zwingend notwendig ist, um Git zu nutzen.

0 Kommentare

Noch keine Kommentare. Sei die erste Person, die etwas schreibt! 🎉

Kommentar schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht.