2.3 - Angular CLI
Last updated
Last updated
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.
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.