npm install -g <paketname>
Listing 2–3 NPM-Pakete lokal installieren
Globale Installation
Bei der globalen Installation ist das entsprechende Paket aus allen Node-Anwendungen heraus erreichbar. Diese Variante bietet sich dann an, wenn die Pakete ausführbare Kommandozeilenbefehle beinhalten. Die Befehle sind bei einer globalen Installation aus jedem Arbeitspfad heraus aufrufbar. Ein häufiger Anwendungsfall für globale Pakete ist, Tools für die Kommandozeile bereitzustellen. Später in diesem Buch werden wir die Angular CLI kennenlernen (ab Seite 21). Sie vereinfacht die Erstellung und Ausführung von Angular-Projekten.
$ npm install <paketname>
Listing 2–4 NPM-Pakete global installieren
node-gyp
Es gibt einige NPM-Pakete, die plattformspezifische binäre Artefakte benötigen. Diese Pakete verwenden während der Installationsphase das »Node.js native addon build tool« (node-gyp), um ausführbaren Code zu kompilieren. Sollten Sie einen Fehler bezüglich node-gyp auf der Kommandozeile sehen, so installieren Sie am besten die fehlenden Softwarepakete entsprechend der Installationsanleitung auf GitHub.18
Tipp: Windows-Build-Tools installieren
Für Windows-Nutzer empfehlen wir die sehr komfortable Einrichtung von node-gyp mithilfe der Windows-Build-Tools:
npm install -g windows-build-tools
Führen Sie diesen Befehl als Administrator aus. Schließen Sie bitte unbedingt nach der Installation die aktuelle Shell und starten Sie eine neue Shell für weitere Befehle.
Anschließend können Sie NPM-Pakete mit einer Abhängigkeit zu node-gyp problemlos installieren.
Zusammenfassung
Unsere Arbeitsumgebung ist nun eingerichtet, und wir sind startklar, um mit Angular zu beginnen. Die vorgestellten Tools greifen uns bei der Arbeit mit Angular unter die Arme, sodass wir viele Dinge nicht von Hand erledigen müssen. Vor allem ein robuster und featurereicher Editor kann uns viel Tipparbeit abnehmen. Los geht’s!
2.4Codebeispiele in diesem Buch
Hosting auf GitHub
Dieses Buch enthält viele Beispiele, um die Funktionen der Angular-Plattform zu demonstrieren. Die dazugehörigen Projekte haben wir Ihnen zentral zur Verfügung gestellt. Unter
erhalten Sie Zugriff auf eine Online-Demo des Beispielprojekts Book-Monkey. Alle Projekte sind auf der Entwicklerplattform GitHub19 gehostet. Wenn Sie mit Git20 arbeiten, können Sie jedes GitHub-Repository direkt über folgende Kurzlinks klonen und verwenden.
$ git clone https://ng-buch.de/bm4-code.git
Listing 2–5 Beispielprojekt als Komplettpaket klonen
$ git clone https://ng-buch.de/bm4-it1-comp.git
$ git clone https://ng-buch.de/bm4-it1-prop.git
$ git clone https://ng-buch.de/bm4-it1-evt.git
$ git clone https://ng-buch.de/bm4-it2-di.git
$ git clone https://ng-buch.de/bm4-it2-routing.git
$ git clone https://ng-buch.de/bm4-it3-http.git
$ git clone https://ng-buch.de/bm4-it3-rxjs.git
$ git clone https://ng-buch.de/bm4-it3-interceptors.git
$ git clone https://ng-buch.de/bm4-it4-forms.git
$ git clone https://ng-buch.de/bm4-it4-reactive-forms.git
$ git clone https://ng-buch.de/bm4-it4-validation.git
$ git clone https://ng-buch.de/bm4-it5-pipes.git
$ git clone https://ng-buch.de/bm4-it5-directives.git
$ git clone https://ng-buch.de/bm4-it6-modules.git
$ git clone https://ng-buch.de/bm4-it6-lazy.git
$ git clone https://ng-buch.de/bm4-it6-guards.git
$ git clone https://ng-buch.de/bm4-it7-i18n.git
Listing 2–6 Beispielprojekt in verschiedenen Stadien klonen
$ git clone https://ng-buch.de/bm4-ssr.git
$ git clone https://ng-buch.de/bm4-docker.git
$ git clone https://ng-buch.de/bm4-ngrx.git
$ git clone https://ng-buch.de/bm4-native.git
$ git clone https://ng-buch.de/bm4-pwa.git
Listing 2–7 Alle weiteren Codebeispiele klonen
Des Weiteren ist ein Download als ZIP-Archiv möglich. Rufen Sie dafür einfach einen der vielen QR-Code-Links auf, z. B. diesen:
Demo und Quelltext: https://ng-buch.de/bm4-code
… und laden Sie das ZIP-Archiv entsprechend der Abbildung 2–3 herunter.
Abb. 2–3 Codebeispiele dieses Buchs von GitHub als ZIP herunterladen
3Angular CLI: der Codegenerator für unser Projekt
»The reason people come to Angular is because this is where you can get your job done best.«
Brad Green
(ehem. Angular Engineering Director)
Wir haben im Schnellstart
