Kapitel 2: Entwicklungsumgebung einrichten

🎯 Lernziele

In diesem Kapitel lernen Sie:

✅ Node.js auf verschiedenen Betriebssystemen installieren
✅ LTS-Version vs. aktuelle Version wählen
✅ Installation überprüfen
✅ Visual Studio Code und Erweiterungen einrichten
✅ Kommandozeile (Command Line) Grundlagen
✅ npm (Node Package Manager) Einführung
✅ Häufige Installationsprobleme lösen

2.1 Installation auf verschiedenen Systemen

🖥️ Windows-Installation

Schritt 1: Herunterladen

Besuchen Sie https://nodejs.org
Klicken Sie auf LTS (Long Term Support) - empfohlen für Anfänger
Laden Sie die .msi-Datei herunter

Schritt 2: Installieren

Doppelklicken Sie auf die heruntergeladene Datei
Folgen Sie dem Installations-Assistenten
Wichtig: Aktivieren Sie "Automatically install the necessary tools"
Klicken Sie auf "Install"

Schritt 3: Überprüfen

bash

# Öffnen Sie PowerShell oder Command Prompt
node --version
npm --version

🍎 macOS-Installation

Methode 1: Offizielles Installationsprogramm

Laden Sie die .pkg-Datei von nodejs.org herunter
Öffnen Sie die Datei und folgen Sie dem Assistenten

Methode 2: Homebrew (Empfohlen)

bash

# Falls Sie Homebrew noch nicht haben
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

# Node.js installieren
brew install node

🐧 Linux-Installation

Ubuntu/Debian

bash

# NodeSource Repository hinzufügen (LTS)
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt-get install -y nodejs

Fedora/RHEL/CentOS

bash

# NodeSource Repository
curl -fsSL https://rpm.nodesource.com/setup_lts.x | sudo bash -
sudo yum install -y nodejs

2.2 LTS vs. Aktuelle Version

📊 Vergleich

Version	Beschreibung	Für wen?	Stabilität
LTS (Long Term Support)	Stabil, langfristiger Support	Anfänger, Produktion	⭐⭐⭐⭐⭐
Current (Aktuell)	Neueste Features	Fortgeschrittene, Experimente	⭐⭐⭐

💡 Empfehlung

🎯 Anfänger → LTS-Version (z.B. 20.x LTS)
🚀 Fortgeschrittene → Current-Version (für neue Features)
🏢 Produktion → LTS-Version (Stabilität!)

🔍 Versionen überprüfen

bash

# Aktuelle Version anzeigen
node --version
# Beispielausgabe: v20.11.0

# npm Version anzeigen
npm --version
# Beispielausgabe: 10.2.4

2.3 Installation überprüfen

✅ Schritt-für-Schritt-Überprüfung

Schritt 1: Node.js Version prüfen

bash

node --version
# Erwartet: v18.x.x oder v20.x.x

Schritt 2: npm Version prüfen

bash

npm --version
# Erwartet: 9.x.x oder 10.x.x

Schritt 3: Funktionstest

bash

# Öffnen Sie den Node.js REPL (Read-Eval-Print Loop)
node

# Sie sollten das sehen:
> 
# Geben Sie jetzt JavaScript-Code ein:
> console.log('Hallo Node.js!');
Hallo Node.js!
> .exit  # Beenden Sie den REPL

⚠️ Häufige Probleme

❌ node: Befehl nicht gefunden

Lösung:

Starten Sie das Terminal neu
Falls das nicht hilft: Neustart des Computers
Überprüfen Sie, ob Node.js korrekt installiert wurde

❌ npm: Befehl nicht gefunden

Lösung: Node.js und npm werden zusammen installiert. Falls npm fehlt:

bash

# Neuinstallation von Node.js

2.4 Entwicklungsumgebung einrichten

🎨 Visual Studio Code (Empfohlen)

Installation

Laden Sie VS Code von code.visualstudio.com herunter
Installieren Sie es

Erforderliche Erweiterungen (Extensions)

Erweiterung	Beschreibung	Warum?
Node.js Extension Pack	Sammlung nützlicher Tools	All-in-One Lösung
ESLint	Code-Qualität prüfen	Fehler vermeiden
Prettier	Code formatieren	Einheitlicher Stil
Path Intellisense	Dateipfade vervollständigen	Spart Zeit
npm Intellisense	npm-Pakete vervollständigen	Bessere Autovervollständigung

Installationsschritte für Erweiterungen

Klicken Sie auf das Erweiterungs-Symbol (linke Seitenleiste)
Suchen Sie nach dem Namen der Erweiterung
Klicken Sie auf "Installieren"

2.5 Kommandozeile Grundlagen

🖥️ Terminals emulatoren

Betriebssystem	Empfohlen	Alternative
Windows	PowerShell	Command Prompt, Windows Terminal
macOS	Terminal.app	iTerm2
Linux	GNOME Terminal	Konsole, xterm

📚 Wichtige Befehle (Cheat Sheet)

bash

# Aktuelles Verzeichnis anzeigen
pwd

# Verzeichnisinhalt auflisten
ls          # macOS/Linux
dir         # Windows

# Verzeichnis wechseln
cd ordnername
cd ..        # Ein Verzeichnis hoch
cd ~         # Zum Home-Verzeichnis

Dateioperationen

bash

# Datei erstellen
touch datei.txt    # macOS/Linux
echo. > datei.txt  # Windows

# Datei löschen
rm datei.txt       # macOS/Linux
del datei.txt      # Windows

# Ordner erstellen
mkdir mein-projekt

# Ordner löschen
rm -rf ordner      # macOS/Linux (Vorsicht!)
rmdir /s ordner    # Windows

Node.js-spezifisch

bash

# Node.js Programm ausführen
node script.js

# Node.js interaktiver Modus (REPL)
node

# npm Befehle
npm init
npm install paket-name
npm run script-name

⌨️ Nützliche Tastenkombinationen

Tasten	Funktion
`Tab`	Autovervollständigung
`↑` / `↓`	Befehlshistorie durchsuchen
`Ctrl + C`	Aktuellen Prozess beenden
`Ctrl + L`	Terminal bereinigen

2.6 Node Package Manager Einführung

📦 Was ist npm?

npm (Node Package Manager) ist das größte Software-Register der Welt. Es ermöglicht:

✅ Installation von Drittanbieter-Paketen
✅ Verwaltung von Projektabhängigkeiten
✅ Ausführung von Skripten

🎯 Grundlegende npm-Befehle

bash

# Paket installieren (lokal)
npm install express

# Paket installieren (global)
npm install -g nodemon

# Paket deinstallieren
npm uninstall express

# Alle Abhängigkeiten installieren (aus package.json)
npm install

# Paket als Entwicklungsabhängigkeit installieren
npm install --save-dev jest

📂 Projekt initialisieren

bash

# Erstellen Sie einen neuen Ordner
mkdir mein-node-projekt
cd mein-node-projekt

# Initialisieren Sie ein npm-Projekt
npm init
# oder mit Standardwerten
npm init -y

Ergebnis: Eine package.json-Datei wird erstellt!

2.7 Häufige Probleme

⚠️ Problem 1: Berechtigungsfehler (Windows)

Fehlermeldung:

Error: EPERM: operation not permitted

Lösung:

Führen Sie PowerShell als Administrator aus
Oder konfigurieren Sie npm, um global Pakete in Ihrem Benutzerverzeichnis zu speichern:

bash

npm config set prefix %APPDATA%\npm

⚠️ Problem 2: Versionen konflikt

Fehlermeldung:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree

Lösung:

bash

# Alte Auflösungsstrategie verwenden
npm install --legacy-peer-deps

⚠️ Problem 3: Langsame Download-Geschwindigkeit

Problem: npm install dauert sehr lange.

Lösung: Verwenden Sie einen Mirror (China) oder cnpm:

bash

# Verwenden Sie den offiziellen npm-Registry
npm config set registry https://registry.npmjs.org/

# Oder verwenden Sie cnpm (für China)
npm install -g cnpm --registry=https://registry.npmmirror.com

⚠️ Problem 4: Firewall blockiert Installation

Fehlermeldung:

ECONNREFUSED or ETIMEDOUT

Lösung:

Überprüfen Sie Ihre Internetverbindung
Deaktivieren Sie vorübergehend die Firewall (nicht empfohlen)
Verwenden Sie ein VPN, falls in Ihrer Region npm blockiert ist

📝 Zusammenfassung

In diesem Kapitel haben Sie gelernt:

✅ Node.js auf Windows/macOS/Linux installieren
✅ LTS-Version wählen (empfohlen für Anfänger)
✅ Installation mit node --version überprüfen
✅ VS Code und Erweiterungen einrichten
✅ Kommandozeile-Befehle (Grundlagen)
✅ npm Grundlagen und erste Befehle
✅ Häufige Installationsprobleme lösen

🎯 Nächste Schritte

Im nächsten Kapitel werden wir:

Node.js globale Objekte untersuchen (global, console, process)
Core-Module kennenlernen (fs, path, http)
Erste Module erstellen und verwenden

📚 Weiterführende Ressourcen

🎉 Kapitel 2 abgeschlossen! Weiter zu Kapitel 3: Globale Objekte & Core-Module

Kapitel 2: Entwicklungsumgebung einrichten ​

🎯 Lernziele ​

2.1 Installation auf verschiedenen Systemen ​

🖥️ Windows-Installation ​

Schritt 1: Herunterladen ​

Schritt 2: Installieren ​

Schritt 3: Überprüfen ​

🍎 macOS-Installation ​

Methode 1: Offizielles Installationsprogramm ​

Methode 2: Homebrew (Empfohlen) ​

🐧 Linux-Installation ​

Ubuntu/Debian ​

Fedora/RHEL/CentOS ​

2.2 LTS vs. Aktuelle Version ​

📊 Vergleich ​

💡 Empfehlung ​

🔍 Versionen überprüfen ​

2.3 Installation überprüfen ​

✅ Schritt-für-Schritt-Überprüfung ​

Schritt 1: Node.js Version prüfen ​

Schritt 2: npm Version prüfen ​

Schritt 3: Funktionstest ​

⚠️ Häufige Probleme ​

2.4 Entwicklungsumgebung einrichten ​

🎨 Visual Studio Code (Empfohlen) ​

Installation ​

Erforderliche Erweiterungen (Extensions) ​

Installationsschritte für Erweiterungen ​

2.5 Kommandozeile Grundlagen ​

🖥️ Terminals emulatoren ​

📚 Wichtige Befehle (Cheat Sheet) ​

Navigation ​

Dateioperationen ​

Node.js-spezifisch ​

⌨️ Nützliche Tastenkombinationen ​

2.6 Node Package Manager Einführung ​

📦 Was ist npm? ​

🎯 Grundlegende npm-Befehle ​

📂 Projekt initialisieren ​

2.7 Häufige Probleme ​

⚠️ Problem 1: Berechtigungsfehler (Windows) ​

⚠️ Problem 2: Versionen konflikt ​

⚠️ Problem 3: Langsame Download-Geschwindigkeit ​

⚠️ Problem 4: Firewall blockiert Installation ​

📝 Zusammenfassung ​

🎯 Nächste Schritte ​

📚 Weiterführende Ressourcen ​

Kapitel 2: Entwicklungsumgebung einrichten

🎯 Lernziele

2.1 Installation auf verschiedenen Systemen

🖥️ Windows-Installation

Schritt 1: Herunterladen

Schritt 2: Installieren

Schritt 3: Überprüfen

🍎 macOS-Installation

Methode 1: Offizielles Installationsprogramm

Methode 2: Homebrew (Empfohlen)

🐧 Linux-Installation

Ubuntu/Debian

Fedora/RHEL/CentOS

2.2 LTS vs. Aktuelle Version

📊 Vergleich

💡 Empfehlung

🔍 Versionen überprüfen

2.3 Installation überprüfen

✅ Schritt-für-Schritt-Überprüfung

Schritt 1: Node.js Version prüfen

Schritt 2: npm Version prüfen

Schritt 3: Funktionstest

⚠️ Häufige Probleme

2.4 Entwicklungsumgebung einrichten

🎨 Visual Studio Code (Empfohlen)

Installation

Erforderliche Erweiterungen (Extensions)

Installationsschritte für Erweiterungen

2.5 Kommandozeile Grundlagen

🖥️ Terminals emulatoren

📚 Wichtige Befehle (Cheat Sheet)

Navigation

Dateioperationen

Node.js-spezifisch

⌨️ Nützliche Tastenkombinationen

2.6 Node Package Manager Einführung

📦 Was ist npm?

🎯 Grundlegende npm-Befehle

📂 Projekt initialisieren

2.7 Häufige Probleme

⚠️ Problem 1: Berechtigungsfehler (Windows)

⚠️ Problem 2: Versionen konflikt

⚠️ Problem 3: Langsame Download-Geschwindigkeit

⚠️ Problem 4: Firewall blockiert Installation

📝 Zusammenfassung

🎯 Nächste Schritte

📚 Weiterführende Ressourcen