Cuando necesitamos crear un proyecto grande, real que incluya test, organizar nuestra tareas como compilar, test y preparar el build para producción crear ese entorno completo puede ser un poco tedioso.

Hace un tiempo Yeoman fue nuestra solución para la generación portales, Google esta vez quizo dar una respuesta desarrollada por ellos “angular-cli”, el cual se apoya en brocolli para la automatización de tareas, build, test entre otras cosas.

angular-cli se encuentra en desarrollo, pero esto no nos limita a poder utilizarla para desarrollar con angular2.

Vamos a instalar debemos tener nodejs instalado y con el siguiente comando instalamos angular-cli desde nuestra terminal.

npm i -g angular-cli

Ya con angular-cli instalado podemos generar nuestro proyecto utilizando ng y el parametro new por tanto mi app se llamara edgar-app , desde la terminal escribimos lo siguiente:

ng new edgar-app

Ya con el proyecto generado podemos visualizarlo ejecutando ng serve este comando nos inicia un servidor web local y nos permite empezar a desarrollar de forma rapida ya que incluye “hot reload” lo cual nos permite visualizar los cambios automaticamente.

ng serve

Generación

Angular-cli nos permite generar componentes gracias a “ng generate component biberon” esto nos generara un archivo de componente asociado a un template, archivo de estilos y un archivo de test, pero ademas de componentes podemos podemos generar directivas, pipe o servicios.

  • ng g component biberon
  • ng g directive bambas
  • ng g pipe peppa
  • ng g service miservice
  • ng g route miruta

Ejemplo:

angular-cli

Builds

Para preparar nuestra app para producción o publicar en desarrollo podemos preparar nuestra solución de la siguiente forma:

ng build -prod para producción y ng build por defecto esta configurado para desarrollo.

Test

Para ejecutar nuestro test tanto unitarios como end to end podemos realizarlo con:

ng test
ng e2e

Para ver el ejemplo https://github.com/danywalls/edgar-app/tree/master

si deseas saber mas sobre angular-cli puedes visitar:
https://github.com/angular/angular-cli

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *