Angular CLI nimmt dem Entwickler viel Arbeit beim Aufsetzen eines neuen Projekts ab.
Schnell zur eigenen Web-App
Wer eine neue Angular-2-Applikation aufsetzt, muss einen hohen initialen Aufwand treiben. Eine Projektstruktur muss definiert und Pakete müssen geladen werden, und welcher Task Runner soll überhaupt zum Einsatz kommen?
Bei all dem unterstützt Angular CLI. Das Command Line Interface erstellt auf Knopfdruck ein komplettes Projekt inklusive lokaler Buildstruktur und Dev Server. Außerdem bietet es eine ausgereifte Scaffolding-Funktion, mit der vordefinierte Strukturen wie Components, Services und Directives strukturiert angelegt werden.
Foto: Shutterstock / Robuart
Dies geschieht alles ohne großen Aufwand und unter Berücksichtigung des offiziellen Angular Style Guides. Auch das Konfigurieren von Testing und Linting erledigt das Programm. Im Vergleich zum manuellen Aufsetzen eines Angular-Projekts spart der Entwickler hierdurch viel Zeit und kann nach dem Anlegen direkt mit der Entwicklung beginnen.
Die Unterschiede zu einem Angular-Starter-Projekt liegen in der Konfigurierbarkeit von verschiedenen Varianten. So kann beim Anlegen über Flags gesteuert werden, wie das Projekt und der Buildprozess aufgebaut werden.
Da Angular CLI in JavaScript für Node.js geschrieben wurde und auf der Kommandozeile läuft, ist es zum einen Cross-Platform-fähig und auch Editor-unabhängig. Voraussetzung ist dabei nur Node.js ab Version 6.9.0. Wer Node.js mit Visual Studio erhalten hat, muss unter Umständen die neueste Version manuell nachinstallieren.
Angular CLI wird über NPM als globales Paket installiert. Nach der Installation können die CLI Commands von überall ausgeführt werden. Mit dem Befehl ng help kann man sich eine Liste der verfügbaren Befehle und Parameter anzeigen lassen.
Neues Projekt anlegen
Der erste Schritt zur eigenen Web-App besteht im Anlegen eines Angular-Projekts. Wer dies bereits von Hand machen musste, weiß, dass es sehr aufwendig sein kann. Die Angular-Pakete müssen geladen und Bootstrap-Code muss angelegt werden, ein sauberer Buildprozess darf ebenfalls nicht fehlen. Zusätzlich muss man sich mit Testing, Linting und Auslieferung beschäftigen. All das nimmt einem Angular CLI bereits beim Anlegen des Projekts ab. Durch den Befehl ng new wird ein neues Projekt angelegt. Standardmäßig wird dabei auch ein neues Git-Repository erstellt, und alle NPM-Pakete werden installiert. Um diese Schritte zu überspringen, können Sie die Flags –skip-git und –skip-install verwenden. Über das Flag –routing lässt sich zusätzlich das Routing aktivieren.
Das Überspringen der Paketinstallation bringt den Vorteil, dass Sie im Nachhinein noch den Package Manager wechseln können. Wer hier eine Vorliebe für yarn als Package-Manager-Alternative zu NPM hat, kann dies bequem konfigurieren…