Como Instalar o Angular CLI no CentOS 8

Angular é um popular framework de desenvolvimento de aplicações de código aberto. É altamente extensível e usado para desenvolver aplicações móveis e web usando TypeScript/JavaScript. É projetado para construir aplicações de pequeno a grande porte do zero. Ele fornece uma utilidade Angular CLI para criar, gerenciar, compilar e testar aplicações Angular.

Neste post, vamos mostrar como instalar o Angular (CLI) no CentOS 8.

Pré-requisitos

Um servidor rodando CentOS 8.
Uma senha de root configurada no seu servidor.

Instalar Node.js

Para instalar o Angular, o Node.js deve estar instalado no seu servidor. Se não estiver instalado, você pode instalá-lo com o seguinte comando:

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

Uma vez que a instalação esteja completa, verifique a versão instalada do Node.js com o seguinte comando:

node --version

Saída:

v14.16.1

Você também pode verificar a versão do NPM usando o seguinte comando:

npm --version

Saída:

6.14.12

Instalar Angular/CLI

Agora, você pode instalar o Angular/CLI executando o seguinte comando:

npm install -g @angular/cli

Uma vez instalado, verifique a versão instalada do Angular/CLI com o seguinte comando:

ng --version

Você deve obter a seguinte saída:

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    
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)

Criar uma Aplicação com Angular

Angular/CLI fornece uma maneira mais fácil de criar e implantar uma aplicação em um ambiente de produção e local.

Para criar uma nova aplicação chamada hello-world, execute o seguinte comando:

ng new hello-world

Uma vez que a aplicação é criada, mude o diretório para hello-world e inicie a aplicação com o seguinte comando:

cd hello-world  
gn serve

Você deve ver a seguinte saída:

 O Servidor de Desenvolvimento Ao Vivo do Angular está ouvindo em localhost:4200, abra seu navegador em http://localhost:4200/ 


? Compilado com sucesso.
? Geração do pacote da aplicação do navegador completa.

Arquivos de Chunk Iniciais | Nomes  |      Tamanho
styles.css          | styles | 119 bytes

4 chunks inalterados

Construído em: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Tempo: 523ms

? Compilado com sucesso.

Como você pode ver, sua aplicação foi iniciada e está ouvindo na porta 4200 no localhost.

Pressione CTRL+C para parar a aplicação.

Se você quiser iniciar sua aplicação em um endereço IP ou porta específicos, execute o seguinte comando:

gn serve --host 0.0.0.0 --port 3000

Você deve obter a seguinte saída:

Arquivos de Chunk Iniciais | Nomes         |      Tamanho
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

                    | Total Inicial |   2.87 MB

Construído em: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Tempo: 11348ms

 O Servidor de Desenvolvimento Ao Vivo do Angular está ouvindo em 0.0.0.0:3000, abra seu navegador em http://localhost:3000/ 

? Compilado com sucesso.

Acessar Aplicação Angular

Neste ponto, sua aplicação Angular está iniciada e ouvindo na porta 3000 em todas as interfaces de rede. Você pode agora acessá-la usando a URL http://seu-ip-do-servidor:3000. Você deve ver sua aplicação na seguinte página:

Aplicação Angular

Conclusão

Parabéns! você instalou com sucesso o Angular no CentOS 8. Agora você pode começar a construir sua primeira aplicação com Angular e implantá-la no ambiente de produção.