Angular CLI - Umgebung einrichten

Um mit Angular CLI arbeiten zu können, muss Node auf unserem System installiert sein.

Laden Sie das Node.js-Archiv herunter

Laden Sie die neueste Version der installierbaren Archivdatei von Node.js von Node.js Downloads herunter . Zum Zeitpunkt des Schreibens dieses Tutorials sind die folgenden Versionen auf verschiedenen Betriebssystemen verfügbar.

Betriebssystem	Archivname
Windows	node-v6.3.1-x64.msi
Linux	node-v6.3.1-linux-x86.tar.gz
Mac	node-v6.3.1-darwin-x86.tar.gz
SunOS	node-v6.3.1-sunos-x86.tar.gz

Installation unter UNIX / Linux / Mac OS X und SunOS

Laden Sie basierend auf Ihrer Betriebssystemarchitektur den Archivknoten-v6.3.1- herunter und extrahieren Sie ihn.osname.tar.gz in / tmp und schließlich die extrahierten Dateien in das Verzeichnis / usr / local / nodejs verschieben. Zum Beispiel:

$ cd /tmp
$ wget http://nodejs.org/dist/v6.3.1/node-v6.3.1-linux-x64.tar.gz
$ tar xvfz node-v6.3.1-linux-x64.tar.gz
$ mkdir -p /usr/local/nodejs
$ mv node-v6.3.1-linux-x64/* /usr/local/nodejs

Fügen Sie der Umgebungsvariablen PATH / usr / local / nodejs / bin hinzu.

Betriebssystem	Ausgabe
Linux	export PATH = $ PATH: / usr / local / nodejs / bin
Mac	export PATH = $ PATH: / usr / local / nodejs / bin
FreeBSD	export PATH = $ PATH: / usr / local / nodejs / bin

Installation unter Windows

Verwenden Sie die MSI-Datei und befolgen Sie die Anweisungen zum Installieren von Node.js. Standardmäßig verwendet das Installationsprogramm die Distribution Node.js unter C: \ Programme \ nodejs. Das Installationsprogramm sollte das Verzeichnis C: \ Programme \ nodejs \ bin in der Umgebungsvariablen PATH des Fensters festlegen. Starten Sie alle geöffneten Befehlsaufforderungen neu, damit die Änderung wirksam wird.

Überprüfen Sie die Installation: Ausführen einer Datei

Erstellen Sie eine JS-Datei mit dem Namen main.js auf Ihrem Computer (Windows oder Linux) mit dem folgenden Code.

/* Hello, World! program in node.js */
console.log("Hello, World!")

Führen Sie nun die Datei main.js mit dem Interpreter Node.js aus, um das Ergebnis anzuzeigen.

$ node main.js

Wenn bei Ihrer Installation alles in Ordnung ist, sollte dies zu folgendem Ergebnis führen:

Hello, World!

Führen Sie nach der Installation von Node den folgenden Befehl aus, um Angular CLI zu installieren.

Verwenden wir den folgenden Befehl für dasselbe -

npm install -g @angular/cli

Überprüfen Sie die Installation

Führen Sie nun den folgenden Befehl aus, um das Ergebnis anzuzeigen:

$ ng --version

Wenn bei Ihrer Installation alles in Ordnung ist, sollte dies zu folgendem Ergebnis führen:

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

Aktualisieren Sie unter Windows die Systempfadvariable so, dass sie den folgenden Pfad enthält, falls ng nicht als interner oder externer Befehl erkannt wird.

C:\Users\<User Directory>\AppData\Roaming\npm