👩🎤 Как установить Angular CLI на CentOS / RHEL 7/6

by itisgood

Angular – это фреймворки, библиотеки, ресурсы и утилиты.

Он отслеживает все компоненты и регулярно проверяет их обновления.

Это руководство поможет вам установить инструмент Angular CLI в операционных системах CentOS 7/6 и RHEL 7/6 Linux.

Шаг 1 – Установите Node.js

Прежде всего, вам нужно установить node.js в вашей системе.

Используйте следующий набор команд, чтобы добавить node.js PPA в вашу систему Ubuntu и установить его.

curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -
sudo yum install nodejs

Убедитесь, что вы успешно установили node.js и NPM в своей системе

node --version
npm --version

Шаг 2 – Установите Angular / CLI

После установки node.js и npm в вашей системе, используйте следующие команды для установки Angular Cli Tool в вашей системе.

npm install -g @angular/cli

Команда -g , показанная выше установит инструмент Angular CLI глобально.

Таким образом, он будет доступен для всех пользователей и приложений в системе.

Angular CLI предоставляет команду ng, используемую для операций командной строки.

Давайте проверим установленную версию ng в вашей системе.

ng --version


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


Angular CLI: 8.0.4
Node: 12.4.0
OS: linux x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.800.4
@angular-devkit/core         8.0.4
@angular-devkit/schematics   8.0.4
@schematics/angular          8.0.4
@schematics/update           0.800.4
rxjs                         6.4.0

Шаг 3 – Создайте новое  приложение Angular

Теперь создайте новое приложение с именем hello-angular4 с помощью инструментов Angular CLI.

Выполните команды, чтобы сделать это:

ng new hello-angular

Вывод:

...
...
added 1011 packages from 1041 contributors and audited 19005 packages in 55.774s
found 0 vulnerabilities

    Successfully initialized git.

Это создаст каталог с именем hello-angular4 в вашем текущем каталоге и создаст приложение.

Шаг 4 – Работа с приложением Angular

Ваше основное приложение готово к работе.

Смените каталог на hello-angular4 и запустите приложение Angular с помощью команды ng serve.

cd hello-angular
ng serve

Вы можете получить доступ к своему приложению через локальный порт 4200, который является хостом и портом по умолчанию, используемым приложением Angular.

http://localhost:4200

Вы можете изменить хост и порт для запуска приложения Angular, указав аргументы командной строки –host и –port.

ng serve --host 0.0.0.0 --port 8080

IP-адрес 0.0.0.0 прослушивается на всех интерфейсах и общедоступен.

см. также:

 

You may also like

Leave a Comment