2.3 - Angular CLI

Como habras visto, es bastante facil utilizar el CLI, ademas amigarse con la consola (si todavia no lo hiciste) es algo super importante para el desarrollo de hoy en día...

Pero este CLI realmente tiene una serie de ventajas importantes, pero arranquemos por el principio.

¿Que hace?

Las tareas que vamos a poder hacer con el CLI son:

  • Crear una aplicación => ng new NombreAPP

  • Crear un componente => ng g component mi-componente

  • Crear una directiva => ng g directive mi-directiva

  • Crear un pipe => ng g pipe mi-pype

  • Crear un servicio => ng g service mi-servicio

  • Cear una clase => ng g class mi-clase

  • Crear una interfaz => ng g interface mi-interface

  • Crear un enumerador => ng g enum mi-enumerador

  • Crear un modulo => ng g module mi-modulo

  • Hacer un build => ng build

  • Ejecutar los test => ng test

  • Ejecutar los e2e => ng e2e

  • Deploy en githubpage => ng github-page:deploy --message "esto es un mensaje opcional"

  • Ejecutar tsLint => ng lint

  • Setear y procesar SASS => ng set defaults.styleExt scss

  • Ejecutar un server local => ng serve

  • Ejecutar un server con ssl => ng serve --ssl true

Pareceria que hace todo por nosotros, solo tendriamos que escribir comandos en la consola y toda la arquitectura de carpetas y archivos en la aplicacion se harian solas gracias al CLI, y luego nos tendriamos que sentar a escribir TS CSS y HTML... Seria algo muy muy muy armado (si escribi 3 veces muy) ...

En mi perspectiva y con el tiempo que llevo trabajando con Angular y el CLI, entendi que para ciertas cosas esta bueno el CLI y para otras me gusta hacerlo manualmente...

La disposición de las carpetas, o el contenido de cada una me gusta hacerlo a mano... como asi crear los componentes injectables y todo lo demas...

Por lo tanto yo uso el CLI para => Crear una aplicacion, haber un build, levantar un servidor y ejecutar los test.

En lo demas me gusta tener un poco mas el control sobre lo que hago, por lo tanto, es como tener una solución hibrida entre, bajarte todo a mano y hacer todo con el CLI.

Algo importante a tener en cuenta, el CLI de Angular esta realizado con WebPack por lo tanto, cuando ejecutemos algunos de los comandos en realidad hay toda una configuracion de WebPack por atras que hace y genera todo lo necesario para luego ir a internet (por medio de NPM) si es necesario.

Last updated