6 Installation

6.1 Node.js installieren

Die Installation von Node.js ist ein wichtiger erster Schritt für die Entwicklung mit Angular. Hier sind die Schritte, um Node.js auf Ihrem Computer zu installieren:

1. Download Node.js: Besuchen Sie https://nodejs.org/en/download/ und laden Sie die passende Version für Ihr Betriebssystem herunter. Für Angular 19 wird Node.js Version 18.19.0 oder höher empfohlen, idealerweise die neueste LTS-Version (Long Term Support).

2. Installieren Sie Node.js: Führen Sie die heruntergeladene Installationsdatei aus und folgen Sie den Anweisungen auf dem Bildschirm. Die Installation beinhaltet auch npm (Node Package Manager), das für die Paketverwaltung benötigt wird.

3. Überprüfen Sie die Installation: Öffnen Sie ein Terminalfenster und führen Sie die folgenden Befehle aus, um die erfolgreiche Installation zu bestätigen:

   node -v

   Dies sollte die installierte Node.js-Version anzeigen.

   npm -v

   Dies zeigt die installierte npm-Version an.

Hinweis: Für professionelle Entwicklungsumgebungen wird die Verwendung eines Node Version Managers wie nvm (für macOS/Linux) oder nvm-windows empfohlen, um mehrere Node.js-Versionen parallel verwalten zu können.

6.2 Angular CLI installieren

Die Angular CLI ist das offizielle Befehlszeilentool für Angular-Entwicklung.

1. Installation der Angular CLI: Führen Sie folgenden Befehl in Ihrem Terminal aus:

   npm install -g @angular/cli@19

   Der Parameter @19 stellt sicher, dass Sie die Version für Angular 19 installieren.

2. Überprüfen der Installation: Bestätigen Sie die Installation mit:

   ng version

   Die Ausgabe sollte z.B. Angular CLI Version 19.x.x anzeigen.

3. Neues Projekt erstellen

   ng new mein-projekt

   Während der Projekterstellung werden Ihnen mehrere Optionen angeboten:

   • Wählen Sie, ob Sie Angular-Routing aktivieren möchten (empfohlen für die meisten Anwendungen)
   • Wählen Sie Ihr bevorzugtes Stylesheet-Format (CSS, SCSS, Sass, Less)
   • Wählen Sie, ob Sie Standalone-Komponenten verwenden möchten (Standard in Angular 19)

4. Projekt starten: Navigieren Sie in das Projektverzeichnis und starten Sie den Entwicklungsserver:

   cd mein-projekt
   ng serve

   Ihr Projekt ist jetzt unter http://localhost:4200/ verfügbar.

6.3 Nützliche CLI-Befehle für Angular

• Komponente erstellen: ng generate component meine-komponente oder kurz ng g c meine-komponente
• Service erstellen: ng generate service mein-service
• Produktions-Build erstellen: ng build --configuration productionoder alternativ per Umgebungsvariable NODE_ENV=production
• Tests ausführen: ng test
• Lint-Prüfung durchführen: ng lint

6.4 Kompakte Installation mit npx

Für eine schnelle Einrichtung ohne globale Installation der Angular CLI können Sie npx verwenden:

1. Voraussetzung: Stellen Sie sicher, dass Node.js (Version 18.19.0 oder höher) installiert ist.

2. Neues Projekt erstellen: Mit npx können Sie die Angular CLI direkt verwenden, ohne sie global zu installieren:

   npx -p @angular/cli@19 ng new mein-projekt

3. Ins Projektverzeichnis wechseln:

   cd mein-projekt

4. Entwicklungsserver starten:

   npx ng serve

5. Angular-Befehle ausführen:

   npx ng generate component meine-komponente
   npx ng build

Diese Methode hat mehrere Vorteile:

• Keine globale Installation der Angular CLI erforderlich
• Immer die neueste CLI-Version oder eine spezifische Version verwendbar
• Ideale Lösung für temporäre Projekte oder CI/CD-Pipelines
• Vermeidet Versionskonflikte zwischen verschiedenen Projekten