LU15b – Node.js/Express-Projekt einrichten

• Sie können Node.js installieren und die Installation prüfen.
• Sie können in WebStorm ein neues Node.js-Projekt für das Backend anlegen.
• Sie verstehen die Rolle von package.json.
• Sie können Express als Bibliothek zu Ihrem Projekt hinzufügen.

1. Öffnen Sie nodejs.org und laden Sie die LTS-Version von Node.js herunter.
2. Installieren Sie Node.js mit dem Installer (Standard-Optionen genügen).
3. Nach der Installation:
   1. Öffnen Sie ein Terminal (PowerShell, macOS Terminal, …).
   2. Prüfen Sie die Versionen mit:

node -v
npm -v

Wenn beide Befehle eine Versionsnummer anzeigen, sind Node.js und npm korrekt installiert.

1. Starten Sie **WebStorm**.
2. Wählen Sie **''New Project''**.
3. Geben Sie dem Projekt einen sinnvollen Namen statt ''untitled'' (z.B. ''m290-backend-demo'').
4. Create Git-Repository: optional – nur aktivieren, wenn Sie wissen, was Git ist und damit arbeiten möchten.
5. Language: **JavaScript**.
6. WebStorm erstellt ein neues Projekt. Meistens wird automatisch eine Datei ''package.json''und ''index.js'' erzeugt.

Typische Dateien:

• index.js → Haupt-JavaScript-Datei, in die Sie Ihren Server-Code schreiben.
• package.json → enthält Informationen über das Projekt (Name, Version, Scripts, Abhängigkeiten).
• node_modules/ → wird später automatisch erstellt, sobald Sie Pakete installieren.

npm init -y

Öffnen Sie das Terminal im Projektordner (unten links in WebStorm).

Installieren Sie Express mit:

npm install express

Dadurch passiert:

• Der Ordner node_modules/ wird erstellt (falls noch nicht vorhanden).
• In package.json wird unter dependencies ein Eintrag für Express angelegt.
• Sie können nun in Ihrem Code Express verwenden.

Im Unterricht verwenden wir im Beispiel die moderne import-Syntax:

• import express from 'express';

Damit Node.js diese Syntax versteht, müssen Sie in package.json den Typ auf module setzen.

Beispiel für package.json (auszugweise):

{
  "name": "m290-backend-demo",
  "version": "1.0.0",
  "type": "module",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "dependencies": {
    "express": "^5.2.1"
  }
}

Wichtig:

• Ändern Sie „type“: „module“ nur bewusst.
• Löschen oder benennen Sie package.json nicht um – sonst funktionieren npm und Ihre Abhängigkeiten nicht mehr.

• index.js (oder app.js):
  • Einstiegspunkt Ihrer Anwendung.
  • Hier initialisieren Sie Express, definieren Routen und starten den Server.
• package.json:
  • Enthält Scripts (z.B. start, dev) und die Liste Ihrer Bibliotheken.
  • Wird von npm verwendet, um die richtigen Pakete zu installieren.
• node_modules/:
  • Enthält den gesamten Code der installierten Pakete.
  • Wird von npm automatisch verwaltet.
  • Sie müssen (und sollten) diesen Ordner nicht manuell bearbeiten.

In der nächsten Seite bauen Sie nun auf dieser Basis Ihren ersten Express-Server auf.