Как установить Angular CLI на CentOS 8

Angular — это популярный фреймворк для разработки приложений с открытым исходным кодом. Он высоко расширяемый и используется для разработки мобильных и веб-приложений с использованием TypeScript/JavaScript. Он предназначен для создания приложений от небольших до крупных с нуля. Он предоставляет утилиту Angular CLI для создания, управления, сборки и тестирования приложений Angular.

В этом посте мы покажем вам, как установить Angular (CLI) на CentOS 8.

Предварительные требования

Сервер с установленной CentOS 8.
Пароль root настроен на вашем сервере.

Установка Node.js

Для установки Angular необходимо установить Node.js на вашем сервере. Если он не установлен, вы можете установить его с помощью следующей команды:

curl -sL https://rpm.nodesource.com/setup_14.x | bash -  
dnf install nodejs -y

После завершения установки проверьте установленную версию Node.js с помощью следующей команды:

node --version

Вывод:

v14.16.1

Вы также можете проверить версию NPM, используя следующую команду:

npm --version

Вывод:

6.14.12

Установка Angular/CLI

Теперь вы можете установить Angular/CLI, выполнив следующую команду:

npm install -g @angular/cli

После установки проверьте установленную версию Angular/CLI с помощью следующей команды:

ng --version

Вы должны получить следующий вывод:

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    
Angular CLI: 11.2.7
Node: 14.16.1
OS: linux x64

Angular: 
... 
Ivy Workspace: 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1102.7 (cli-only)
@angular-devkit/core         11.2.7 (cli-only)
@angular-devkit/schematics   11.2.7 (cli-only)
@schematics/angular          11.2.7 (cli-only)
@schematics/update           0.1102.7 (cli-only)

Создание приложения с Angular

Angular/CLI предоставляет более простой способ создания и развертывания приложения в производственной и локальной среде.

Чтобы создать новое приложение с именем hello-world, выполните следующую команду:

ng new hello-world

После создания приложения измените каталог на hello-world и запустите приложение с помощью следующей команды:

cd hello-world  
gn serve

Вы должны увидеть следующий вывод:

 Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ 


? Compiled successfully.
? Browser application bundle generation complete.

Initial Chunk Files | Names  |      Size
styles.css          | styles | 119 bytes

4 unchanged chunks

Build at: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Time: 523ms

? Compiled successfully.

Как видите, ваше приложение запущено и слушает на порту 4200 на локальном хосте.

Нажмите CTRL+C, чтобы остановить приложение.

Если вы хотите запустить ваше приложение на определенном IP-адресе или порту, выполните следующую команду:

gn serve --host 0.0.0.0 --port 3000

Вы должны получить следующий вывод:

Initial Chunk Files | Names         |      Size
vendor.js           | vendor        |   2.69 MB
polyfills.js        | polyfills     | 128.74 kB
main.js             | main          |  56.94 kB
runtime.js          | runtime       |   6.15 kB
styles.css          | styles        | 119 bytes

                    | Initial Total |   2.87 MB

Build at: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Time: 11348ms

 Angular Live Development Server is listening on 0.0.0.0:3000, open your browser on http://localhost:3000/ 

? Compiled successfully.

Доступ к приложению Angular

На этом этапе ваше приложение Angular запущено и слушает на порту 3000 на всех сетевых интерфейсах. Теперь вы можете получить к нему доступ по URL http://your-server-ip:3000. Вы должны увидеть ваше приложение на следующей странице:

Angular приложение

Заключение

Поздравляем! вы успешно установили Angular на CentOS 8. Теперь вы можете начать создавать ваше первое приложение с Angular и развернуть его в производственной среде.