Die Angular CLI (Command Line Interface) ist das Rückgrat der modernen Angular-Entwicklung. Sie ist ein unverzichtbares Werkzeug, das Entwicklern hilft, Angular-Anwendungen effizient zu erstellen, zu verwalten, zu bauen, zu testen und zu warten. Durch die Automatisierung wiederkehrender Aufgaben und die Bereitstellung standardisierter Projektstrukturen steigert die CLI die Produktivität und sorgt für Konsistenz im Code. Diese Übersicht stellt die wichtigsten und am häufigsten verwendeten Angular CLI-Befehle vor, erklärt ihre Funktionsweise im Detail und illustriert ihre Anwendung anhand praxisnaher Beispiele.
Übersicht - CLI Befehle in Angular
add Fügt Unterstützung für eine externe Bibliothek zu deinem Projekt hinzu. Integriert externe Bibliotheken in dein Projekt, oft mit zusätzlicher Konfiguration.
analytics Konfiguriert die Erfassung von Angular CLI-Nutzungsmetriken. Steuert, ob und wie Nutzungsdaten an das Angular-Team gesendet werden.
build Alias: b
Kompiliert eine Angular-Anwendung oder -Bibliothek in ein Ausgabeverzeichnis namens dist/ (oder einen anderen, konfigurierten Ordner) am angegebenen Ausgabepfad.
cache Konfiguriert den persistenten Festplatten-Cache und ruft Cache-Statistiken ab. Verwaltet den Build-Cache, um wiederholte Builds zu beschleunigen.
completion Richtet die Angular CLI-Autovervollständigung für dein Terminal ein.
config Ruft Angular-Konfigurationswerte in der Datei angular.json für den Workspace ab oder setzt sie.
deploy Ruft den Deploy-Builder für ein bestimmtes Projekt oder für das Standardprojekt im Workspace auf.
e2e Alias: e
Baut und stellt eine Angular-Anwendung bereit und führt dann End-to-End-Tests aus. Führt End-to-End-Tests aus, um das Verhalten deiner Anwendung im Browser zu überprüfen.
extract-i18n Extrahiert i18n-Nachrichten aus dem Quellcode. Zieht übersetzbare Texte aus deinem Code für die Internationalisierung.
generate Alias: g
Generiert und/oder modifiziert Dateien basierend auf einem Schematic. Erstellt neue Komponenten, Services, Module und andere Angular-Bausteine.
lint Führt Linting-Tools für den Angular-Anwendungscode in einem bestimmten Projektordner aus.
new Alias: n
Erstellt einen neuen Angular-Workspace, ein komplett neues Angular-Projekt mit allen nötigen Dateien.
run Führt ein Architect-Target mit einer optionalen benutzerdefinierten Builder-Konfiguration aus, die im Projekt definiert ist.
serve Alias: s
Baut und stellt deine Anwendung bereit, mit Neukompilierung bei Dateiänderungen.
test Alias: t
Führt Unit-Tests in einem Projekt aus.
update Aktualisiert deinen Workspace und seine Abhängigkeiten. Siehe https://angular.dev/update-guide/.
version Alias: v
Gibt die Angular CLI-Version aus.