Angular CLI

Angular_CLI.md

Angular CLI

Instalación

npm

$ sudo apt-get install npm

Para mostrar la versión instalada:

$ npm -v

4.0.5

Para instalar Angular 2

$ sudo npm install -g @angular/[email protected]

Para instalar Angular 4

$ sudo npm install -g @angular/[email protected]
$ sudo npm install @angular-devkit/core -g

Para instalar Angular 6

$ sudo npm install -g @angular/[email protected]

Para instalar la última versión estable de Angular

$ sudo npm install -g @angular/cli

Para mostrar la versión instalada:

$ ng --version

Donde instala npm los paquetes globales?

$ npm list -g

Infinite Loop with npm -g install @angular/cli

Fix:

$ sudo npm install -g node-gyp

Comandos

Crear un nuevo proyecto:

$ ng new nombre_proyecto

Una vez creado el proyecto para utilizar los demás comandos, cambiamos de directorio a la raiz del proyecto:

$ cd nombre_proyecto

Para crear un nuevo componente en una nueva carpeta dentro de app:

$ ng g c nombre-componente

Este comando además de crear un nuevo componente, crea sus respectivos archivos dentro de la carpeta, es decir, crea un archivo css, un html y un spec .ts.

Ejemplo:

$ ng g c Counter
  create src/app/counter/counter.component.css (0 bytes)
  create src/app/counter/counter.component.html (26 bytes)
  create src/app/counter/counter.component.spec.ts (635 bytes)
  create src/app/counter/counter.component.ts (273 bytes)
  update src/app/app.module.ts (402 bytes)

Para crear un nuevo componente en una nueva carpeta dentro de app/components:

$ ng g c components/nombre-componente

Para generar una clase:

$ ng g cl nombre_clase

Generar un componente:

$ ng generate component nuevo-componente

Generar un pipe:

$ ng generate pipe nuevo-filtro

Generar un servicio:

$ ng generate service nuevo-servicio

ó, si queremos que quede dentro de una nueva carpeta llamada services

$ ng generate service services/nuevo-servicio

Para iniciar el servidor web:

$ ng serve

Para iniciar el servidor web y automáticamente abrir la aplicación en el navegador en http://localhost:4200/

$ ng serve --open

Para iniciar el servidor web utilizando un host determinado:

$ ng serve --host 192.168.0.22

Para correr las pruebas unitarias y dejar monitoreando las pruebas:

$ ng test

Para correr las pruebas unitarias una sola vez:

$ ng test --single-run

Para correr las pruebas unitarias una sola vez y generar el reporte de covertura:

$ ng test --code-coverage --single-run

Para correr las pruebas unitarias apuntando a un ambiente especifico:

$ ng test --code-coverage --env=local

Para construir la aplicación para ambiente prod (producción)

$ ng build --prod