ANG_FRONT

Práctica 1.3. Instalando Extensiones de IDE para Angular

Objetivo de la práctica

• Enseñar al estudiante a instalar y configurar extensiones en su entorno de desarrollo integrado (IDE) que mejoren la productividad y faciliten el desarrollo de aplicaciones Angular.

Duración aproximada

• 30 minutos.

Instrucciones

1. Una vez que tengas Node.js, abrir una terminal (o el símbolo del sistema) y ejecutar el siguiente comando para instalar Angular CLI globalmente:

    npm install -g @angular/cli
   

   

2. Verificar si quedo bien instalado Angular.

   Ejecutar en el cmd

    ng version
   

   

3. Crear una nueva aplicación.

• Usar Angular CLI para generar una nueva aplicación. En la terminal, navegar a la carpeta donde deseas crear el proyecto y ejecutar:

  

• Reemplazar nombre-de-tu-aplicacion con el nombre que desees. Durante la creación, Angular CLI te preguntará si deseas incluir ciertas características (como el enrutamiento). Responder según tus preferencias.

1. Navegar al directorio de la aplicación.

• Después de que Angular CLI haya creado el proyecto, navega a la carpeta del proyecto:

  

1. Iniciar el servidor de desarrollo.

   Ahora, iniciar el servidor de desarrollo para ver la aplicación en acción:

   

   Por defecto, la aplicación estará disponible en:

   LocalHost

• Abrir esa dirección en tu navegador. Deberías ver la página de inicio de la nueva aplicación Angular.

1. Para pausar el servidor, dar clic encima de la terminal y oprimir Crontol + c.