Cómo instalar Angular CLI en CentOS 8

Angular es un popular marco de desarrollo de aplicaciones de código abierto. Es altamente extensible y se utiliza para desarrollar aplicaciones móviles y web utilizando TypeScript/JavaScript. Está diseñado para construir aplicaciones de pequeña a gran escala desde cero. Proporciona una utilidad Angular CLI para crear, gestionar, construir y probar aplicaciones Angular.

En esta publicación, te mostraremos cómo instalar Angular (CLI) en CentOS 8.

Requisitos previos

Un servidor que ejecute CentOS 8.
Una contraseña de root configurada en tu servidor.

Instalar Node.js

Para instalar Angular, Node.js debe estar instalado en tu servidor. Si no está instalado, puedes instalarlo con el siguiente comando:

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

Una vez completada la instalación, verifica la versión instalada de Node.js con el siguiente comando:

node --version

Salida:

v14.16.1

También puedes verificar la versión de NPM usando el siguiente comando:

npm --version

Salida:

6.14.12

Instalar Angular/CLI

Ahora, puedes instalar Angular/CLI ejecutando el siguiente comando:

npm install -g @angular/cli

Una vez instalado, verifica la versión instalada de Angular/CLI con el siguiente comando:

g --version

Deberías obtener la siguiente salida:

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

Angular: 
... 
Ivy Workspace: 

Paquete                      Versión
------------------------------------------------------
@angular-devkit/architect    0.1102.7 (solo-cli)
@angular-devkit/core         11.2.7 (solo-cli)
@angular-devkit/schematics   11.2.7 (solo-cli)
@schematics/angular          11.2.7 (solo-cli)
@schematics/update           0.1102.7 (solo-cli)

Crear una aplicación con Angular

Angular/CLI proporciona una forma más fácil de crear y desplegar una aplicación en un entorno de producción y local.

Para crear una nueva aplicación llamada hello-world, ejecuta el siguiente comando:

g new hello-world

Una vez creada la aplicación, cambia el directorio a hello-world y lanza la aplicación con el siguiente comando:

cd hello-world  
g serve

Deberías ver la siguiente salida:

 El servidor de desarrollo en vivo de Angular está escuchando en localhost:4200, abre tu navegador en http://localhost:4200/ 


? Compilado con éxito.
? Generación del paquete de la aplicación del navegador completa.

Archivos de fragmento inicial | Nombres  |      Tamaño
styles.css          | styles | 119 bytes

4 fragmentos sin cambios

Construido en: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Tiempo: 523ms

? Compilado con éxito.

Como puedes ver, tu aplicación ha comenzado y está escuchando en el puerto 4200 en el localhost.

Presiona CTRL+C para detener la aplicación.

Si deseas lanzar tu aplicación en una dirección IP o puerto específico, ejecuta el siguiente comando:

g serve --host 0.0.0.0 --port 3000

Deberías obtener la siguiente salida:

Archivos de fragmento inicial | Nombres         |      Tamaño
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

Construido en: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Tiempo: 11348ms

 El servidor de desarrollo en vivo de Angular está escuchando en 0.0.0.0:3000, abre tu navegador en http://localhost:3000/ 

? Compilado con éxito.

Acceder a la aplicación Angular

En este punto, tu aplicación Angular ha comenzado y está escuchando en el puerto 3000 en todas las interfaces de red. Ahora puedes acceder a ella usando la URL http://your-server-ip:3000. Deberías ver tu aplicación en la siguiente página:

Aplicación Angular

Conclusión

¡Felicidades! has instalado con éxito Angular en CentOS 8. Ahora puedes comenzar a construir tu primera aplicación con Angular y desplegarla en el entorno de producción.