Tutorial

Tutorial: Code von VS Code über das Terminal zu GitHub pushen

Melden

Hier ist ein Schritt-für-Schritt-Tutorial, wie du deinen Code direkt aus Visual Studio Code (VS Code) über das integrierte Terminal zu GitHub hochlädst.

Dieses Tutorial führt dich durch den gesamten Prozess – von der Initialisierung deines Projekts bis zum ersten "Push".

1. Voraussetzungen

Bevor du startest, stelle sicher, dass:

  • Git auf deinem Computer installiert ist (Download hier).
  • Du einen GitHub-Account hast.
  • Dein Projekt in VS Code geöffnet ist.

2. Ein neues Repository auf GitHub erstellen

  1. Logge dich bei GitHub ein.
  2. Klicke oben rechts auf das + Icon und wähle New repository.
  3. Gib deinem Repository einen Namen (z. B. mein-projekt).
  4. Lasse die Optionen "README", ".gitignore" und "License" am besten leer, um Konflikte beim ersten Push zu vermeiden.
  5. Klicke auf Create repository.
  6. Kopiere die URL des Repositories (sie sieht so aus: https://github.com/DEIN-NUTZERNAME/mein-projekt.git).

3. Das Terminal in VS Code öffnen

Du kannst das Terminal direkt in VS Code nutzen:

  • Gehe im Menü auf Terminal > New Terminal oder nutze den Shortcut Strg + ö (Windows) bzw. Cmd + j (Mac).

4. Git im Projekt initialisieren

Gib den folgenden Befehl ein, um Git in deinem lokalen Projektordner zu starten:

git init

5. Dateien zum "Staging"-Bereich hinzufügen

Wähle aus, welche Dateien du hochladen möchtest. Um alle Dateien des Projekts vorzubereiten, nutze den Punkt:

git add .

6. Den ersten Commit erstellen

Speichere den aktuellen Stand deiner Dateien lokal mit einer Nachricht ab:

git commit -m "Erster Commit: Projektstruktur erstellt"

7. Den Branch auf "main" festlegen

Standardmäßig nennen viele Systeme den Hauptzweig noch master. GitHub nutzt heute standardmäßig main. So änderst du ihn:

git branch -M main

8. Lokales Repository mit GitHub verknüpfen

Jetzt sagst du Git, wohin der Code geschickt werden soll. Ersetze den Link durch die URL, die du in Schritt 2 kopiert hast:

git remote add origin https://github.com/DEIN-NUTZERNAME/mein-projekt.git

9. Den Code zu GitHub pushen

Nun lädst du die Dateien endgültig hoch:

git push -u origin main

Hinweis: Falls du Git zum ersten Mal nutzt, öffnet sich eventuell ein Browserfenster oder ein Dialog, in dem du dich bei GitHub anmelden musst, um die Berechtigung zu bestätigen.

Zusammenfassung der wichtigsten Befehle

Wenn du in Zukunft Änderungen vornimmst und diese hochladen willst, sind nur noch diese drei Befehle nötig:

  1. git add . (Änderungen vormerken)
  2. git commit -m "Beschreibung der Änderung" (Änderungen speichern)
  3. git push (Änderungen hochladen)

Fertig! Dein Code ist nun sicher auf GitHub gespeichert.

0