Que es Angular Cli ?

Aproximadamente hace un mes Angular CLI salio oficialmente con la version 1.0.0. Para los que se preguntan que es angular cli pues es una interfaz de linea de comandos con la cual puede hacer.

  • Scaffolding , o sea generar la estructura de tu proyecto.
  • Tener una manera estándar de empaquetar tus módulos .
  • Crear componentes, servicios y mas solo con lineas de comando.
  • Configuraciones fácil para unit tests, integration tests.
  • Tener un código de calidad con el  linter  de angular.
  • montar tu ambiente locamente y crear builds para producción.

Con angular-cli entramos a una transición de un framework a una plataforma y ayuda integrar rápidamente a nuevos devs, en el mundo angular. Repasemos los aspectos importantes que tenemos con angular-cli que pueden sernos de gran ayuda.

Scanffolding

yeoman-logo

Usualmente si hemos empezado con angularjs hemos usado yeoman o con algun proyecto base. Estos nos dan la estructura basica de nuestra app y eran son muy populares solo ver yeoman.io algunos generadores tienen muchas descargas. Angular-cli hace en este sentido algo muy similar.Sin embargo, no todo es color de rosa en el mundo angula-cli tenemos varios problemas que puedes encontrarte al desarrollar una app con angular-cli como:

  • Tratar de extender y aumentar cosas al existente angular-cli puede ser dificil.
  • Te facilita la vida pero no aprendes conceptos y solo los aplicas.

Crear Componentes con lineas de comando

Esta habilidad es muy util ya que cuando tu creas un componente en angular 2 tienes que importarlo en tu modulo para poder usarlo pero angular cli puedes usarlo y automaticamente te importa las los componentes en tu modulo.

Unit tests, Integration tests. 

En el desarrollo de aplicaciones mas complejas se hace  muy importante el desarrollo de pruebas. Las pruebas nos indican errores a nivel de funciones, como los unit tests y flujos enteros para los test de integración.

Codigo de calidad 

Usando las practicas como el tslint para corregir error de formato y usando el style guide de angular podemos tener un codigo uniforme y de calidad.