Como usar Angular CLI en Angular 2

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?

  1. Instalación y esqueleto básico de Angular 2
  2. Comandos para la generación de código(componentes, servicios, etc)
  3. Herramientas de minificación y builds para las webapps
  4. 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.

Victor

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

2 Comentarios

  1. Hola Víctor gracias por el apoyo con todos los cursos.. quería saber cual seria la mejor opción para angular utilizar angular CLI o crear el proyecto desde cero

    Responder
    • Utilizar Angular CLI es lo más recomendable en este momento 🙂

      Responder

Poner un comentario

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