Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Manual de Instalación de NodeJS y Angular, Apuntes de Informática General

Guía práctica de Instalación de NodeJS y Angular

Tipo: Apuntes

2018/2019

Subido el 26/03/2019

usuario desconocido
usuario desconocido 🇲🇽

1 / 21

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
INSTITUTO TECNOLÓGICO DE
VERACRUZ
TECNOLÓGICO NACIONAL DE MÉXICO
1
INGENIERIA EN SISTEMAS COMPUTACIONALES
ASIGNATURA
ARQUITECTURA DE DESARROLLO WEB
PERIODO
ENERO-JUNIO 2019
PRÁCTICA
“HOLA MUNDO EN ANGULAR
CATEDRÁTICO
DELIO COSS CAMILO
ALUMNA
CASTILLO HUERTA BRENDA KAREN
E14021194
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15

Vista previa parcial del texto

¡Descarga Manual de Instalación de NodeJS y Angular y más Apuntes en PDF de Informática General solo en Docsity!

INSTITUTO TECNOLÓGICO DE

VERACRUZ

TECNOLÓGICO NACIONAL DE MÉXICO

INGENIERIA EN SISTEMAS COMPUTACIONALES

ASIGNATURA

ARQUITECTURA DE DESARROLLO WEB

PERIODO

ENERO-JUNIO 2019

PRÁCTICA

“HOLA MUNDO EN ANGULAR”

CATEDRÁTICO

DELIO COSS CAMILO

ALUMNA

CASTILLO HUERTA BRENDA KAREN

E

ÍNDICE

  • INSTALACIÓN DE HERRAMIENTAS............................................................................................
    • VISUAL CODE STUDIO ...............................................................................................................
      • INSTALACIÓN............................................................................................................................
    • NODE JS
      • INSTALACIÓN............................................................................................................................
    • ANGULAR ....................................................................................................................................
      • INSTALACIÓN..........................................................................................................................
  • CREACIÓN DE LA APLICACIÓN.................................................................................................
  • Figura 1 Logo de VS Code................................................................................................................................. ÍNDICE DE FIGURAS
  • Figura 2. Pantalla de Bienvenida en Visual Code Studio....................................................................................
  • Figura 3. Logo del entorno NodeJS....................................................................................................................
  • Figura 4. Logo de Angular.................................................................................................................................
  • Figura 5. Welcome to Arquitectura de Desarrollo Web.....................................................................................

Desde la página de descargas se pueden descargar las versiones para diferentes sistemas operativos (32 / 64 bits, Windows / GNU/Linux / Mac). En Windows hay además disponibles versiones System installer , que se instalan en la carpeta de Archivos de programa, y versiones User installer , que se instalan en la carpeta de usuario.

Instalar Visual Studio Code en Windows

  1. Hacer doble clic sobre el instalador de Visual Studio Code para poner en marcha el asistente de instalación.

La primera pantalla anuncia que se va a instalar Visual Studio Code.

  1. Hacer clic en Siguiente para instalar el programa.
  1. La segunda pantalla exige aceptar la licencia de Visual Studio Code para continuar la instalación:
  2. La tercera pantalla permite elegir el directorio de instalación (por tratarse de la versión User installer, el directorio de instalación está en la carpeta de usuario, no en Archivos de programa).
  1. La cuarta pantalla permite elegir el nombre de la carpeta del menú de inicio:
  2. La quinta pantalla permite elegir algunas tareas adicionales tras la instalación. Personalmente, aconsejo marcar las casillas " Agregar la acción... ":
  1. Una vez completada la instalación, se muestra la pantalla final. Haga clic en Finalizar

Primera ejecución

La primera vez que se abre Visual Studio Code tras la instalación, se muestra una página de bienvenida al programa:

Figura SEQ Figura * ARABIC 2. Pantalla de Bienvenida en Visual Code Studio.

NODE JS

Figura SEQ Figura * ARABIC 3. Logo del entorno NodeJS.

Es un entorno de ejecución para JavaScript construido con el motor de JavaScript V8 de Chrome. Es una tecnología que nos permite hacer desarrollos back-end usando únicamente JavaScript.

El motor V8 JavaScript es el motor JavaScript subyacente que Google usa con su navegador Chrome. El motor JavaScript en realidad interpreta el código y lo ejecuta. Con el V8, Google creó un intérprete ultra-rápido escrito en C++, con otro aspecto único: el usuario puede descargar el motor e incorporarlo a cualquier aplicación que desee. No está restringido a ejecutarse en un navegador.

  1. Ejecutar el Node.js Setup y clic en Next:
  2. Aceptar términos y condiciones:
  1. Elegir destino de la carpeta de instalación
  2. Hacer clic en siguiente para empezar a descargar los paquetes…

Para probar que se tenga Node.js correctamente instalado en la máquina, puede escribir node –version en su CMD:

ANGULAR ....................................................................................................................................

Figura SEQ Figura * ARABIC 4. Logo de Angular.

En esta actividad se usará CLI Angular , ya que facilita la creación de una aplicación que ya funciona, desde el primer momento. Es una herramienta de línea de comandos que facilita la creación, generación, ejecución, testing, deploy.

Para instalar y usar la interfaz de línea de comandos, así como para ejecutar el servidor de aplicaciones Angular, necesitará tener instalado el tiempo de ejecución de JavaScript Node.js.

INSTALACIÓN

  1. Para instalar la CLI angular, en un terminal o tipo de indicador de comando:

npm install -g @angular/cli

  1. Por consiguiente se empezarán a descargar los paquetes de la herramienta.
  1. Aparecerá la carpeta en el directorio donde se guardó.
  2. Se abrirá el editor Visual Code Studio y en file se abre la carpeta del proyecto.

Aparecerán las siguientes carpetas dentro del proyecto…

Ejecutar rápidamente la aplicación Angular navegando a la nueva carpeta y escribiendo

ng serve para iniciar el servidor web y abrir la aplicación en un navegador:

  1. En el navegador se pone la ruta http://localhost:4200/

Se puede ver que la aplicación funciona correctamente y nos muestra el nombre que se le otorgo al proyecto.

  1. Dentro de la carpeta src, en la clase app.component.ts muestra la vista de la clase principal, y se puede cambiar el título de la página…