Angular es un marco de desarrollo de aplicaciones de front-end de código abierto, popular y altamente extensible, utilizado para construir aplicaciones móviles y web utilizando TypeScript/JavaScript y otros lenguajes comunes.
Angular es un término general para todas las versiones de Angular que vienen después de AngularJS (o Angular versión 1.0) incluyendo Angular 2 y Angular 4.
Angular es adecuado para construir 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 utilizada para crear, gestionar, construir y probar aplicaciones Angular.
En este artículo, explicaremos cómo instalar la herramienta de línea de comandos de Angular en un sistema Linux y aprender algunos ejemplos básicos de esta herramienta.
Instalando Node.js en Linux
Para instalar Angular CLI, necesitas tener instalada la última versión de Node.js y NPM en tu sistema Linux.
Instalar Node.js en Ubuntu
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs
Instalar Node.js en Debian
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\ $ sudo apt-get install -y nodejs
Instale Node.js en RHEL, CentOS, Fedora, Rocky & Alma Linux.
------------- For Node.js v19.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash - $ sudo yum install -y nodejs
También, para compilar e instalar complementos nativos desde NPM es posible que necesite instalar herramientas de desarrollo en su sistema de la siguiente manera.
$ sudo apt install -y build-essential [On Debian/Ubuntu] $ sudo yum install gcc-c++ make [On RHEL Systems]
Instalación de Angular CLI en Linux
Una vez que haya instalado Node.js y NPM, como se muestra arriba, puede instalar Angular CLI utilizando el gestor de paquetes npm de la siguiente manera (la bandera -g significa instalar la herramienta de forma global para que la usen todos los usuarios del sistema).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Puede iniciar Angular CLI utilizando el ejecutable ng que debería estar instalado en su sistema ahora. Ejecute el siguiente comando para verificar la versión de Angular CLI instalada.
# ng version OR # ng --version
Creación de un Proyecto Angular Usando Angular CLI
En esta sección, mostraremos cómo crear, compilar y servir un nuevo proyecto Angular básico. Primero, muévase al directorio webroot de su servidor, luego inicialice una nueva aplicación Angular de la siguiente manera (recuerde seguir las indicaciones):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
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
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.
---------- On Firewalld ---------- # firewall-cmd --permanent --zone=public --add-port=4200/tcp # firewall-cmd --reload ---------- On UFW ---------- $ sudo ufw allow 4200/tcp $ sudo ufw reload
Ahora puedes abrir un navegador web y navegar usando la siguiente dirección para ver la nueva aplicación en funcionamiento como se muestra en la siguiente captura de pantalla.
http://localhost:4200/ or http://SERVER_IP:4200
Nota: Si utilizas el comando ng serve para construir una aplicación y servirla localmente, como se muestra arriba, el servidor reconstruirá automáticamente la aplicación y recargará la(s) página(s) web cuando cambies alguno de los archivos fuente.
Para obtener más información sobre la herramienta ng, ejecuta el siguiente comando.
# ng help
Página de inicio de Angular CLI: https://angular.io/cli
En este artículo, hemos mostrado cómo instalar Angular CLI en diferentes distribuciones de Linux. También hemos cubierto cómo construir, compilar y servir una aplicación Angular básica en un servidor de desarrollo. Para cualquier consulta o pensamiento que desees compartir con nosotros, utiliza el formulario de retroalimentación a continuación.
Source:
https://www.tecmint.com/install-angular-cli-on-linux/