Angular CLI - Настройка среды

Для работы с Angular CLI нам необходимо установить Node в нашей системе.

Скачать архив Node.js

Скачать последнюю версию Node.js устанавливаемого архивного файла с Node.js Загрузки . На момент написания этого руководства ниже приведены версии, доступные для разных ОС.

Операционные системы	Имя архива
Окна	узел-v6.3.1-x64.msi
Linux	узел-v6.3.1-Linux-x86.tar.gz
Mac	узел-v6.3.1-дарвин-x86.tar.gz
SunOS	узел-v6.3.1-sunos-x86.tar.gz

Установка в UNIX / Linux / Mac OS X и SunOS

В зависимости от архитектуры вашей ОС загрузите и распакуйте архив node-v6.3.1-osname.tar.gz в / tmp, а затем, наконец, переместите извлеченные файлы в каталог / usr / local / nodejs. Например:

$ 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

Добавьте / usr / local / nodejs / bin в переменную среды PATH.

Операционные системы	Выход
Linux	экспорт PATH = $ PATH: / usr / local / nodejs / bin
Mac	экспорт PATH = $ PATH: / usr / local / nodejs / bin
FreeBSD	экспорт PATH = $ PATH: / usr / local / nodejs / bin

Установка в Windows

Используйте файл MSI и следуйте инструкциям по установке Node.js. По умолчанию установщик использует дистрибутив Node.js в C: \ Program Files \ nodejs. Установщик должен установить каталог C: \ Program Files \ nodejs \ bin в переменной среды окна PATH. Чтобы изменения вступили в силу, перезапустите все открытые командные запросы.

Проверка установки: выполнение файла

Создайте файл js с именем main.js на вашем компьютере (Windows или Linux) со следующим кодом.

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

Теперь запустите файл main.js с помощью интерпретатора Node.js, чтобы увидеть результат -

$ node main.js

Если с вашей установкой все в порядке, это должно привести к следующему результату:

Hello, World!

Теперь Node установлен, выполните следующую команду, чтобы установить Angular CLI.

Давайте использовать следующую команду для того же -

npm install -g @angular/cli

Проверить установку

Теперь выполните следующую команду, чтобы увидеть результат -

$ ng --version

Если с вашей установкой все в порядке, это должно привести к следующему результату:

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


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

В Windows, если ng не распознается как внутренняя или внешняя команда, обновите переменную системного пути, включив в нее следующий путь.

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