Table of Contents
Cómo instalar Angular CLI en Linux
Angular. es un marco de desarrollo de aplicaciones front-end de código abierto, popular y altamente extensible, que se utiliza para crear aplicaciones móviles y web con TypeScript. JavaScript. y otros idiomas comunes. Angular. es un término general para todas las versiones Angular. que vienen después de AngularJS. (o la versión 1.0 de Angular), incluida Angular 2. y Angular 4.
Angular. es muy adecuado para crear aplicaciones de pequeña a gran escala desde cero. Uno de los componentes clave de la plataforma Angular. para ayudar al desarrollo de aplicaciones es la utilidad Angular CLI. es una herramienta de línea de comandos simple y fácil de usar que se utiliza para crear, administre, cree y pruebe aplicaciones angulares.
Lea también. Cómo ejecutar aplicaciones angulares usando CLI angular y PM2
En este artículo, explicaremos cómo instalar la herramienta de línea de comandos Angular. en un sistema Linux y aprender algunos ejemplos básicos de esta herramienta.
Instalar Node.js en Linux
Para instalar Angular CLI. necesita tener la última versión de Node.js y NPM instalada en su sistema Linux.
Instale Node.js en Ubuntu $ sudo curl-sL https://deb. nodesource.com/setup_12.x | sudo-E bash-[para Node.js versión 12] $ sudo curl-sL https://deb.nodesource.com/setup_11.x | sudo-E bash-[para Node.js versión 11] $ sudo curl-sL https://deb.nodesource.com/setup_10.x | sudo-E bash-[para Node.js versión 10] $ sudo apt install-y nodejs Instala Node.js en Debian # curl-sL https://deb.nodesource.com/setup_12.x | bash-[para la versión 12 de Node.js] # curl-sL https://deb.nodesource.com/setup_11.x | bash-[para la versión 11 de Node.js] # curl-sL https://deb.nodesource.com/setup_10.x | bash-[para Node.js versión 10] # apt install-y nodejs Instala Node.js en CentOS/RHEL y Fedora # curl-sL https://rpm.nodesource.com/setup_12.x | bash-[para la versión 12 de Node.js] # curl-sL https://rpm.nodesource.com/setup_11.x | bash-[para la versión 11 de Node.js] # curl-sL https://rpm.nodesource.com/setup_10.x | bash-[para Node.js versión 10] # yum-y install nodejs # dnf-y install nodejs [ En RHEL 8. y Fedora 22+. versiones] freestar.config. enabled_slots.push
Además, para compilar e instalar complementos nativos de NPM. es posible que debas instalar herramientas de desarrollo en tu sistema de la siguiente manera.
$ sudo apt install-y build-essential [En Debian/Ubuntu] # yum install gcc-c ++ make [En CentOS/RHEL] # dnf install gcc-c ++ make [En RHEL 8/Fedora 22 +]
Instalación de Angular CLI en Linux
Una vez que tenga Node.js. y NPM. instalados, como se muestra arriba, puede instalar Angular CLI. usando el administrador de paquetes npm. de la siguiente manera (la marca-g significa instalar la herramienta en todo el sistema para que la utilicen todos los usuarios del sistema).
# npm install-g @ angular/cli O $ sudo npm install-g @ angular/cli 
Instalar CLI angular en Linux
Puede iniciar t El Angular CLI. usando el ejecutable ng que ahora debería estar instalado en su sistema. Ejecute el siguiente comando para verificar la versión de Angular CLI. instalada.
# ng–version 
Verificar versión de ng
Crear un proyecto angular usando Angular CLI
En esta sección, mostraremos cómo crear, construir y servir un nuevo proyecto básico de Angular. Primero, muévase al directorio webroot. de su servidor, luego inicialice una nueva aplicación Angular de la siguiente manera (recuerde seguir las instrucciones):
# cd/var/www/html/# ng new tecmint-app # como root O $ sudo ng new tecmint-app # usuario no root 
Crear nueva aplicación angular
A continuación, muévase al directorio de la aplicación que acaba de crear y sirva la aplicación como se muestra.
# cd tecmint-app # ls #list project files # ng serve 
Aplicación Serve Angular
Antes de poder acceder a su nueva aplicación desde un navegador web, si tiene un servicio de firewall en ejecución, debe abrir el puerto 4200. en la configuración del firewall como se muestra.
———-En CentOS/RHEL/Fedora———- # firewall-cmd–permanent–zone = public–add-port = 4200/tcp # firewall-cmd–reload ———-En Ubuntu/Debian———- $ sudo ufw allow 4200/tcp $ sudo ufw reload
Ahora puede abrir un navegador web y navegar usando la siguiente dirección para ver cómo se ejecuta la nueva aplicación como se muestra en la siguiente captura de pantalla.
http://localhost: 4200/o http://SERVER_IP: 4200 
Acceda a su nueva aplicación angular
Nota:. si usas el comando ng serve para crear una aplicación y servirla localmente, como se muestra arriba, el servidor reconstruye automáticamente la aplicación y recarga la (s) página (s) web cuando cambia cualquiera de los archivos de origen.
