Angular. Ferdinand Malcher

       2.3Paketverwaltung mit Node.js und NPM

       JavaScript ohne Browser

      Das Angular-Tooling setzt auf Node.js.

      Node.js¹² ist eine Laufzeitumgebung zur Ausführung von JavaScript auf dem Server. Es basiert auf der Google V8 Engine¹³, die auch in Google Chrome zum Einsatz kommt. Mit Node.js können serverbasierte Dienste mit JavaScript implementiert werden. Das hat den Vorteil, dass JavaScript für die Entwicklung von Backends und Frontends eingesetzt werden kann. Das Anwendungsspektrum ist nicht auf Webserver und REST-Schnittstellen begrenzt, sondern es können viele weitere skalierende Szenarien abgebildet werden. Seine Stärke zeigt Node.js bei der Arbeit mit asynchronen Operationen, die ein elementares Paradigma bei der Entwicklung mit dieser Laufzeitumgebung sind. Node.js wird von vielen Tools verwendet, die die Webentwicklung für den Programmierer komfortabler gestalten. CSS-Präprozessoren wie Less oder Sass, Tests mit Karma oder Protractor, der Bundler Webpack und noch vieles mehr – alle basieren auf Node.js. Wir verwenden Node.js in diesem Buch nur zum Betrieb der Tools, die wir für die Entwicklung mit Angular benötigen. Das HTTP-Backend, das wir im Kapitel zu HTTP ab Seite 189 vorstellen, basiert übrigens auch auf Node.js.

       NPM-Pakete

      Die Plattform Node.js bietet eine Vielzahl von Paketen, die sich jeder Entwickler zunutze machen kann. Zur Verwaltung ist der hauseigene Paketmanager Node Package Manager (NPM)¹⁴ das richtige Werkzeug. Damit kann auf die Online-Registry aller Node.js-Module zugegriffen werden. Wer möchte, kann mit der Webseite http://npmjs.org nach den passenden Paketen suchen.

      Pakete lassen sich sowohl lokal als auch global installieren. Die lokalen Pakete werden je Projekt installiert. Dazu werden sie auch im jeweiligen Verzeichnis gespeichert. Damit wird erreicht, dass ein Paket in verschiedenen Versionen parallel auf dem System existieren kann.

      Globale Pakete werden von NPM in einem zentralen Verzeichnis¹⁵ auf dem Computer gespeichert. Darin befinden sich meist CLI-Pakete (CLI steht für Command Line Interface), die von der Konsole aufgerufen werden können. Bekannte Beispiele dafür sind: @angular/cli, typescript, webpack oder nativescript. All diese Pakete sind dazu da, andere Dateien auszuführen, zu verarbeiten oder umzuwandeln.

       Node.js und NPM installieren

      Node.js bietet auf der Projektwebseite Installationspakete für die verbreitetsten Betriebssysteme zum Download an. Einige Linux-Distributionen führen Node.js auch in den offiziellen Paketquellen, allerdings zum Teil nicht immer in aktueller Version. Wir empfehlen die Verwendung der offiziellen Installationspakete¹⁶ bzw. Repositorys von Node.js. Hier sollten Sie die LTS-Variante wählen, denn sie wird breitflächig von den meisten Paketen unterstützt.

       macOS: Homebrew einsetzen

      Sollten Sie macOS verwenden, so empfehlen wir hingegen nicht das offizielle Installationspaket. Sie werden wahrscheinlich bei einigen Befehlen eine Fehlermeldung erhalten, wenn Sie diese nicht mit erweiterten Rechten (sudo) ausführen. Wir empfehlen hier die Installation über den Paketmanager Homebrew.¹⁷ Installieren Sie zunächst Homebrew und anschließend Node.js über den folgenden Befehl:

      $ brew install node

      Listing 2–1 Node.js mithilfe von Homebrew installieren

      Nach der Installation prüfen wir auf der Kommandozeile, ob node und npm richtig installiert sind, indem wir die Versionsnummer ausgeben:

      $ node -v

      $ npm -v

      Listing 2–2 Versionsnummer von Node.js und NPM ausgeben

      Achten Sie darauf, dass Node.js und NPM stets aktuell sind, denn manche Tools funktionieren mit alten Versionen nicht.

       NPM-Pakete installieren

      Stehen node und npm ordnungsgemäß bereit, so können wir NPM zur Installation von Paketen verwenden. Dabei ist zu unterscheiden, ob ein Paket lokal oder global installiert werden soll.

       Lokale Installation

      Installieren wir NPM-Pakete lokal, wird im aktuellen Verzeichnis ein Unterordner mit der Bezeichnung node_modules erstellt. Darin befinden sich die installierten Pakete. Diese Variante empfiehlt sich zur Installation von Abhängigkeiten oder Befehlen, die wir innerhalb des aktuellen Projekts benötigen. Das gilt unabhängig davon, ob wir Angular oder eine andere Technologie einsetzen. Im Hauptverzeichnis eines Projekts existiert häufig eine Datei mit dem Namen package.json, in der alle NPM-Abhängigkeiten verzeichnet sind. Darauf gehen wir auf Seite 62 noch ausführlicher ein, wenn wir unser Beispielprojekt anlegen.

      Generell gilt, dass eine lokale Installation der globalen vorzuziehen ist. Stellen wir uns vor, dass auf unserem System mehrere Softwareprojekte entwickelt werden. Jedes Projekt setzt NPM-Pakete in verschiedenen Versionen ein. Wenn nun alle Pakete global installiert sind, kann es zu Versionskonflikten, also unerwartetem Verhalten unserer Projekte kommen. Aus diesem Grund bevorzugen

Скачать книгу