Bienvenidos, en este post veremos las ventajas de utilizar Angular CLI dentro de nuestro flujo de trabajo

Que es Angular CLI?

Angular CLI es una herramienta que nos permite crear la estructura de una aplicación Angular, generar servicios, componentes, módulos, rutas, etc de manera rápida y sencilla.

Instalación

Que necesitamos? tener nodejs instalado y npm actualizado. Para la instalación de nodejs nos dirigimos a https://nodejs.org.

Una vez tengamos node instalado, actualizamos nuestro gestor de paquetes de node con el siguiente comando :

npm install -g npm // actualización de npm, puede tardar unos minutosnode --version // verificamos nuestra version de nodenpm --version // verificamos la version de npm

Verificamos que la version de node y npm sea la ultima antes de continuar.

La instalación es muy sencilla, dentro de la linea de comandos ingresamos el siguiente comando y presionamos Enter.

npm install -g @angular/cli

Una vez finalizado comprobaremos que la instalación se efectuó correctamente con el siguiente comando.

ng --version

veremos el siguiente mensaje

Y asi nos aseguramos que nuestro Angular CLI se instalo correctamente.

Comandos principales.

Aquí una lista de los comandos mas importantes para empezar.

ng help // lista de comandos disponiblesng new my-project // Crear nuevo proyecto en la carpeta my-projectng serve // inicia el servidor de desarrollo local http://localhost:4200ng test // ejecuta los test unitarios usando Karmang e2e // ejecuta los test end-to-end usando Protractorng build // Genera un compilado, minificado del código.

Creando un nuevo Proyecto

Para crear un nuevo proyecto de Angular es tan sencillo como ejecutar los siguientes comandos:

ng new my-project
cd my-project
ng serve

Luego navegamos a la url http://localhost:4200 para ingresar a la aplicación, el resultado se vera igual a la siguiente imagen:

En siguientes post veremos aun mas sobre las herramientas que nos ofrece el Angular CLI, hasta Pronto!

Compártelo en tus redes Sociales!