Angular CLI - Konfiguracja środowiska

Aby pracować z Angular CLI, musimy mieć zainstalowany Node w naszym systemie.

Pobierz archiwum Node.js.

Pobierz najnowszą wersję instalowalnego pliku archiwum Node.js z witryny Node.js Downloads . W chwili pisania tego samouczka następujące wersje są dostępne w różnych systemach operacyjnych.

OS	Nazwa archiwum
Windows	node-v6.3.1-x64.msi
Linux	node-v6.3.1-linux-x86.tar.gz
Prochowiec	node-v6.3.1-darwin-x86.tar.gz
SunOS	node-v6.3.1-sunos-x86.tar.gz

Instalacja w systemie UNIX / Linux / Mac OS X i SunOS

W oparciu o architekturę systemu operacyjnego pobierz i rozpakuj archiwum node-v6.3.1-osname.tar.gz do / tmp, a następnie przenieś wyodrębnione pliki do katalogu / usr / local / nodejs. Na przykład:

$ 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

Dodaj / usr / local / nodejs / bin do zmiennej środowiskowej PATH.

OS	Wynik
Linux	export PATH = $ PATH: / usr / local / nodejs / bin
Prochowiec	export PATH = $ PATH: / usr / local / nodejs / bin
FreeBSD	export PATH = $ PATH: / usr / local / nodejs / bin

Instalacja w systemie Windows

Użyj pliku MSI i postępuj zgodnie z wyświetlanymi instrukcjami, aby zainstalować Node.js. Domyślnie instalator używa dystrybucji Node.js w C: \ Program Files \ nodejs. Instalator powinien ustawić katalog C: \ Program Files \ nodejs \ bin w zmiennej środowiskowej PATH okna. Uruchom ponownie wszystkie otwarte monity poleceń, aby zmiana zaczęła obowiązywać.

Weryfikacja instalacji: wykonywanie pliku

Utwórz plik js o nazwie main.js na twoim komputerze (Windows lub Linux) z następującym kodem.

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

Teraz uruchom plik main.js za pomocą interpretera Node.js, aby zobaczyć wynik -

$ node main.js

Jeśli wszystko jest w porządku z twoją instalacją, powinno to dać następujący wynik -

Hello, World!

Teraz Node jest zainstalowany, uruchom następujące polecenie, aby zainstalować Angular CLI.

Użyjmy następującego polecenia do tego samego -

npm install -g @angular/cli

Zweryfikuj instalację

Teraz uruchom następujące polecenie, aby zobaczyć wynik -

$ ng --version

Jeśli wszystko jest w porządku z twoją instalacją, powinno to dać następujący wynik -

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


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

W systemie Windows, jeśli ng nie jest rozpoznawane jako polecenie wewnętrzne lub zewnętrzne, zaktualizuj zmienną ścieżki systemowej, aby zawierała następującą ścieżkę.

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