Angular CLI (Command Line Interface) ist ein leistungsstarkes Tool, das Entwicklern hilft, Angular-Anwendungen schnell zu erstellen, zu entwickeln und zu warten. Es bietet Befehle für die Projekterstellung, die Erstellung, das Testen und die effiziente Bereitstellung von Anwendungen.

Voraussetzungen

Bevor Sie Angular CLI installieren, stellen Sie sicher, dass Sie die folgenden Voraussetzungen erfüllen:

  • Node.js (LTS-Version empfohlen)
  • npm (wird mit Node.js mitgeliefert)

Sie können überprüfen, ob Node.js und npm installiert sind, indem Sie Folgendes ausführen:

node -v
npm -v

Falls nicht installiert, laden Sie Node.js von der offiziellen Node.js-Websiteherunter und installieren Sie es .

Installation von Angular CLI

Sobald Node.js installiert ist, installieren Sie Angular CLI global mit npm:

npm install -g @angular/cli

Um die Installation zu überprüfen, prüfen Sie die Version:

ng version

Dies sollte die Angular CLI-Version zusammen mit den Angular-Abhängigkeiten anzeigen.

Erstellen eines neuen Angular-Projekts

Verwenden Sie den folgenden Befehl, um ein neues Angular-Projekt zu erstellen:

ng new my-angular-app

Sie werden aufgefordert, Konfigurationen wie Routing und Styling (CSS, SCSS, etc.) auszuwählen. Sobald Sie diese ausgewählt haben, richtet die CLI das Projekt ein.

Wechseln Sie in das Projektverzeichnis:

cd my-angular-app

Ausführen der Angular-Anwendung

Um die Anwendung lokal zu bedienen, verwenden Sie:

ng serve

Die Anwendung wird unter http://localhost:4200/ auf Ihrer virtuellen Maschine verfügbar sein.

Verstehen der Angular CLI-Befehle

Hier sind einige wichtige Angular-CLI-Befehle:

  • ng serve – Führt die Anwendung lokal aus.
  • ng generate component component-name – Erzeugt eine neue Komponente.
  • ng build – Baut die Anwendung für die Produktion.
  • ng test – Führt Unit-Tests aus.
  • ng e2e – Führt End-to-End-Tests aus.
  • ng add package-name – Installiert ein Angular-Paket.
  • ng update – Aktualisiert Angular und Abhängigkeiten.

Angular CLI konfigurieren

Die Datei angular.json enthält Projektkonfigurationseinstellungen wie Build-, Serve- und Testoptionen. Sie können Build-Pfade, Ausgabeverzeichnisse und Assets anpassen.

Fazit

Wenn Sie diese Schritte befolgt haben, haben Sie Angular CLI erfolgreich installiert und eingerichtet. Dieses Tool rationalisiert den Entwicklungsworkflow und erleichtert die Verwaltung von Angular-Anwendungen. Beginnen Sie mit der Erforschung der Angular CLI-Befehle, um Ihre Entwicklungserfahrung zu verbessern!