Cómo instalar y usar la CLI Angular

July 07, 2022

Tags: Tecnologías, Staff Augmentation

angular

 

Angular es uno de los frameworks con mayor uso en la actualidad, manteniéndose en la lista de favoritos de los ingenieros de software y personas que se dedican a la creación de aplicaciones y páginas web. En su página oficial lo definen como “una plataforma de desarrollo construida sobre TypeScript”.

 

Como plataforma, Angular incluye: Un marco basado en componentes para crear aplicaciones web escalables, una colección de bibliotecas bien integradas que cubren una amplia variedad de funciones, incluido el enrutamiento, la gestión de formularios, la comunicación cliente-servidor y más, y un conjunto de herramientas de desarrollo para ayudarlo a desarrollar, compilar, probar y actualizar su código.

 

¿Qué es la CLI en Angular?

 

Como uno de los frameworks más versátiles en la actualidad, Angular cuenta con varios componentes y herramientas que sirven para facilitar el desarrollo de aplicaciones y páginas web, entre estas herramientas destaca la CLI.

 

Su definición oficial es la siguiente “La CLI de Angular es una herramienta de interfaz de línea de comandos que se utiliza para inicializar, desarrollar, montar y mantener aplicaciones de Angular directamente desde un shell de comandos”.

 

¿Es necesario utilizar la CLI en Angular? La única respuesta correcta es sí, ya que la Angular CLI se creó con el propósito de ayudar a los desarrolladores a escribir código más rápido y automatizar las tareas que requieren mucho tiempo. Puede generar aplicaciones Angular iniciales y completar con un archivo .gitignore y también crear todas las piezas centrales de una aplicación como módulos de esqueleto, componentes, shells de aplicaciones, tuberías y más.

 

Instalación del Angular CLI

 

Para utilizar esta herramienta, primero debes tener instalado Node.js. Al tener este paso ya listo, abre un símbolo del sistema o terminal y vas a escribir el siguiente comando:

 

npm install -g @angular/cli

 

Y de esa sencilla manera se instala Angular CLI en tu computadora.

 

¿Cómo se utiliza el Angular CLI?

 

Abre una terminal o símbolo del sistema y ejecuta este comando para ver las opciones básicas y los comandos disponibles para Angular CLI:

 

ng help

 

Crear una aplicación Angular con CLI

 

Crear una aplicación Angular desde cero podría tomarle días al desarrollador más experimentado, ni hablar de alguien que apenas esté comenzando en esto. Utilizando CLI, los miles de líneas de código pueden resumirse a un sencillo comando:

 

ng new my-application-name

 

Esto creará todos los archivos necesarios y descargará todas las dependencias para nosotros.

 

Luego de crear la aplicación, debemos iniciarla. El primer paso es entrar al nuevo directorio por la vía de la línea de comando:

 

cd MyApplicationName

 

Luego de haber ingresado al directorio donde está localizada la aplicación, vamos a iniciar la aplicación Angular de la siguiente manera:

 

ng serve --open

 

Este comando compilará la aplicación Angular, configurará la recarga en vivo y la iniciará en un navegador.

 

angular

 

Otras herramientas que todo desarrollador Angular debe conocer

 

Administrador de paquetes de nodos (npm)

 

Esta es una herramienta necesaria para todos los desarrolladores web en estos días. Todo en Angular se distribuye en varios paquetes de npm, por lo que es muy probable que en algún momento necesites instalar algunos paquetes útiles que no sean de Angular, por lo que es conveniente saber cómo hacerlo para cuando lo necesites.

 

HTML y CSS

 

Tres familias de lenguajes de programación forman las herramientas básicas involucradas en prácticamente todos los aspectos del desarrollo web: HTML, CSS y JavaScript. Los dos primeros son conocimientos vitales para todo desarrollador de Angular, aunque este marco proporciona los componentes básicos que necesita para crear aplicaciones rápidas y funcionales, esas aplicaciones aún deben renderizarse en un navegador y eso significa crear interfaces de usuario con HTML y CSS.

 
Typescript

 

Las aplicaciones web del lado del cliente se han escrito tradicionalmente con JavaScript. TypeScript es un superconjunto de JavaScript que incluye soporte para escritura fuerte. Angular está escrito en TypeScript. Es el lenguaje recomendado para crear aplicaciones con Angular.

 

En Rootstack, nuestros expertos han utilizado Angular para solucionar varios de los problemas técnicos que han presentado nuestros clientes a nivel internacional. Si tienes los conocimientos necesarios sobre este framework y quieres dar un impulso a tu carrera profesional, haz clic aquí y comienza a trabajar en proyectos retadores y que te permitirán ser parte del futuro digital del mundo.

 

Te recomendamos en video


 

¡Trabajemos juntos!