Angular CLI es una herramienta que nos hace más fácil el proceso de instalación de Angular 2 y nos agiliza el inicio de un proyecto con este framework de Google.
¿Que nos ofrece Angular CLI al final?
- Instalación y esqueleto básico de Angular 2
- Comandos para la generación de código(componentes, servicios, etc)
- Herramientas de minificación y builds para las webapps
- Testing
Para instalar Angular CLI lanzamos el comando
npm install -g angular-cli
Ahora vamos a crear una aplicación esqueleto base de Angular 2 (instalar Angular 2)
ng new proyecto-angular2
En este momento tenemos un proyecto entero instalado y nosotros tendremos que meter nuestro código y programar dentro del directorio src.
Podemos generar algunos componentes del framework, veamos algunos comandos para hacer esto.
Generar un componente:
ng generate component nuevo-componente
Generar una pipe:
ng generate pipe nuevo-filtro
Generar un servicio:
ng generate service nuevo-servicio
También podemos lanzar la aplicación en un servidor web, como el que típicamente usábamos en cualquier app de Angular 2 normal. Usaremos el comando:
ng serve
Ahora tendremos disponible la webapp de Angular 2 en http://localhost:4200/
Con esto ya sabemos usar Angular CLI de forma básica.
