01-angular2-Guia_Instalacion

Vista previa del material en texto

Guía Instalación Angular 2 
 
Objetivo: Instalación del FrameWork Angular2, utilizando el gestor de paquetes 
npm de Node Js. 
 
Software Necesario: 
 Node Js: https://nodejs.org/es/download/ 
 VisualStudio Code: https://code.visualstudio.com/ 
Pasos 
1. Node Js: descargar la version msi para su plataforma de windows, 
instalarlo. 
 url: https://nodejs.org/es 
 
Descargamos la versión estable LTS(14.X o la que se use en clase). Es 
importante instalar el soporte de npm package manager. Si tienes 
infraestructura de 32 bits utiliza el enlace “Otras Descargas” (1). 
 
 
Verificamos la instalación de node ejecutando desde la línea de comando: 
C:\ misproyectos> node --version 
https://nodejs.org/es/download/
https://code.visualstudio.com/
 
2. En la línea de comandos instalar el soporte para angular. Angular CLI es 
una herramienta para inicializar, desarrollar y mantener aplicaciones 
angular. La opción -g nos instalara el paquete de manera global. 
 d:\misproyectos> npm install -g @angular/cli 
Nota: npm show @angular/cli muestra información de un paquete. 
3. Crear un nuevo proyecto con angular. Esto crea una carpeta en la ubicación 
actual. (Aceptamos la sugerencia de instalar rooting al proyecto) 
 d:\misproyectos> ng new nombre-proyecto-angular 
4. Cambiarse a la carpeta mi-nuevo-proyecto-angular2 
 d:\misproyectos> cd nombre-proyecto-angular 
5. Levantar el servidor web (servidor web propio de Node) con soporte para 
este proyecto. 
 d:\misproyectos\nombre-proyecto-angular>ng serve 
6. Ver el proyecto en el navegador web con la direccion url: 
 http://localhost:4200/ 
7. Descargar VisualStudioCode para su plataforma de windows. 
url: https://code.visualstudio.com/ 
8. Abrir la carpeta del proyecto para ver la estructura del mismo en angular 
 
Referencia Bibliográfica: 
- https://angular.io/ 
- https://angular.io/guide/setup-local 
https://angular.io/
https://angular.io/guide/setup-local