becoss
Modul 0 · Mental Model & SetupT2Gratis45 Min Lesedauer

Dev-Environment Setup komplett

Node, Git, Claude Code, Editor — Schritt für Schritt auf macOS, Windows, Linux.

In dieser Lektion:Node.jspnpmGitGitHub

Ohne saubere Dev-Umgebung bist du beim AI-Coding zu langsam. Du verlierst Zeit an „warum funktioniert mein Path nicht" statt an „wie löse ich das Feature". Diese Lektion ist die Versicherung, dass dieser Frust nie wieder dein Limit ist.

Wir installieren in dieser Reihenfolge:

  1. VS Code — der Editor
  2. Node.js 22 LTS via nvm — JavaScript-Runtime, Versionsmanager statt Direktinstallation, weil Projekte unterschiedliche Node-Versionen brauchen können
  3. Git — Versionskontrolle
  4. Claude Code CLI — der Star der Show
  5. VS Code Extension — damit Claude Code direkt im Editor lebt

VS Code installieren

Lade VS Code herunter und installiere es: https://code.visualstudio.com/download. Es funktioniert auf macOS, Windows und Linux praktisch identisch. VS Code ist kostenlos, Open-Source-basiert (Code-OSS) und wird von Claude Code als Default-Editor angesteuert.

macOS-Setup

# Homebrew (Paket-Manager), falls noch nicht installiert
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

# nvm (Node Version Manager)
brew install nvm
mkdir ~/.nvm
echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.zshrc
echo '[ -s "$(brew --prefix nvm)/nvm.sh" ] && \. "$(brew --prefix nvm)/nvm.sh"' >> ~/.zshrc
source ~/.zshrc

# Node 22 LTS
nvm install 22
nvm use 22
nvm alias default 22

# Git
brew install git

# Claude Code CLI
npm install -g @anthropic-ai/claude-code

# Verify — diese drei Commands müssen alle eine Version ausgeben:
node --version    # erwartet: v22.x
git --version
claude --version

Falls nvm: command not found nach dem source ~/.zshrc kommt, öffne ein neues Terminal-Fenster — der Shell-Profil-Reload greift manchmal erst dann.

Windows-Setup (PowerShell als Administrator)

# nvm-windows
winget install CoreyButler.NVMforWindows
# Wichtig: PowerShell schließen und neu öffnen (sonst kennt es nvm nicht)

nvm install 22
nvm use 22

# Git
winget install Git.Git

# Claude Code
npm install -g @anthropic-ai/claude-code

Falls winget nicht verfügbar ist (ältere Windows-Version): lade die Installer von https://github.com/coreybutler/nvm-windows/releases und https://git-scm.com/download/win manuell.

Linux-Setup (Ubuntu/Debian)

# nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash
source ~/.bashrc

nvm install 22
nvm use 22

# Git
sudo apt update && sudo apt install git

# Claude Code
npm install -g @anthropic-ai/claude-code

Falls du Fish Shell oder Zsh nutzt, ersetze ~/.bashrc durch ~/.config/fish/config.fish bzw. ~/.zshrc.

Warum Node 22 LTS und nicht „latest"

LTS = Long Term Support. Node.js wechselt jährlich zwischen LTS-Releases (gerade Versionen: 20, 22, 24). Ungerade Versionen sind „Current"-Releases mit häufigeren Breaking Changes. Vercel, Supabase und die meisten Bibliotheken testen primär gegen die aktuelle LTS.

Stand April 2026: Node 22 LTS ist die robuste Wahl. Node 24 ist seit Oktober 2025 ebenfalls LTS und in vielen Setups schon Default — beide Versionen funktionieren mit dem Kurs-Stack. Node 20 läuft nur noch in Maintenance.

VS Code Grundkonfiguration

Öffne in VS Code die Settings (Cmd+, auf macOS, Ctrl+, auf Windows/Linux) und aktiviere die folgenden Optionen:

  • Editor: Format On Save — Prettier formatiert beim Speichern automatisch
  • Editor: Auto Save — kein „verlorenes Code-Schnipsel, weil ich vergaß zu speichern"
  • Files: Trim Trailing Whitespace — saubere Diffs in Git

Empfohlene Extensions (alle kostenlos):

  • ESLint — markiert Code-Qualitätsprobleme inline
  • Prettier - Code formatter — der Formatter, der das Format-On-Save erledigt
  • Tailwind CSS IntelliSense — Autocomplete für Tailwind-Klassen
  • GitLens — Git-History inline im Editor
  • Error Lens — TypeScript-Fehler werden direkt neben der Zeile angezeigt

GitHub Copilot bewusst nicht zusätzlich installieren, wenn du Claude Code nutzt. Doppelte Autocomplete-Vorschläge sind anstrengend, und du verschenkst die einheitliche Erfahrung.

SSH-Key für GitHub einrichten

Du brauchst einen SSH-Key, damit git push ohne Passwort-Eingabe funktioniert.

# Key generieren (Default-Pfad ist ok, leere Passphrase für persönlichen Rechner ok)
ssh-keygen -t ed25519 -C "deine.mail@example.com"

# Key auf die Zwischenablage (macOS) oder ausgeben:
cat ~/.ssh/id_ed25519.pub

Den ausgegebenen Public-Key auswählen und in GitHub einfügen:

  1. https://github.com/settings/keys
  2. New SSH key
  3. Title: MacBook 2026 (oder ähnlich beschreibend)
  4. Key Type: Authentication Key
  5. Paste, Save.

Test:

ssh -T git@github.com
# erwartete Antwort: "Hi DEINNAME! You've successfully authenticated…"

Wenn der Befehl Permission denied (publickey) sagt: Key wurde nicht in GitHub eingetragen oder eine andere Datei verwendet. Schau in ~/.ssh/, ob dort id_ed25519 und id_ed25519.pub liegen.

Claude Code anmelden

claude login

Es öffnet sich ein Browser-Fenster, du loggst dich mit deinem Anthropic-Account ein, und der CLI hat den Token. Falls du einen API-Key bevorzugst (Pay-per-Use): claude login --api-key.