Comandos de desarrollo para Torni-Juegos

Requisitos

Comando: npm install

Es necesario instalar las dependencias, solo se hace una vez y su peso aproximado es de 180 MB.

Comandos para evaluar el proyecto.

Ejecutar el proyecto en el navegador web.

Comando: ng serve

• Lanza el servidor en el navegador y se mostrará la web Torni-Juegos.
• Si no se abre, la direccion URL es http://localhost:4200/.

Ejecutar los Tests Unitarios con Karma

Comando: ng test

• Ejecutará todos los tests unitarios del proyecto. Mostrará el numero de tests con éxito / tests totales.

• Para ver en detalle los tests. Haz click en DEBUG en el navegador. En la nueva pestaña, abrir la consola del navegador y deberá mostrarse los test con éxito o fallados.

• Además creará una carpeta /coverage que incluye un index.html. Al abrirlo te mostrará en tu navegador estadísticas sobre el código del proyecto: Statements, Branches, Functions y Lines.

• Cada componente tiene su propio fichero con los test unitarios. Se identifican fácilmente porque acaban en .spec.ts, según la documentación oficial de Angular.

Ejecutar los Tests "End To End" con Protractor

Requisito: Lanzar el servidor con ng serve.

Comando: ng e2e

• Abres una Consola y ejecutas ng serve y luego sin cerrarla abres otra Consola y ejecutas ng e2e.
• Ejecutará los tests End To End de todo el software.
• Los tests End To End están en la carpeta ./e2e.

---

Comandos para desarrollar en Angular 2

Construir el Proyecto Final

Comando: ng build -prod

• No hace falta usar este comando en ningún momento.
• Construye el proyecto en /dist con los ficheros de producción.

Generar el Scaffolding

Para crear nuevos ficheros usa el generador de Scaffolding. Te genera automáticamente el scaffold que desees. Nada de crear clases o interfaces a pelo.

A continuación, una lista de scaffolds y su comando para generarlos.

Scaffold	Comando
Componente	ng g component my-new-component
Directiva	ng g directive my-new-directive
Pipe	ng g pipe my-new-pipe
Servicio	ng g service my-new-service
Clase	ng g class my-new-class
Interface	ng g interface my-new-interface
Enum	ng g enum my-new-enum
Modulo	ng g module my-module

• Por ejemplo: ng generate component UsersManager te creara una carpeta dentro de app con el nombre de UsersManager y dentro todos los ficheros necesarios (.html, .css, .ts y .spect.ts).
• Automáticamente la próxima vez que se ejecuten las pruebas unitarias con Karma, se ejecutaran los tests unitarios del nuevo componente creado.