Instalar los siguientes aplicativos y utilidades en orden:
Nota: usar todas las opciones de instalación por defecto.
- Visual Studio Code: https://code.visualstudio.com/
- Git: https://git-scm.com/downloads
- NodeJS: https://nodejs.org/es/
Crear carpeta de proyectos, la recomendación es usar un path sencillo, es decir C:\\Development\ en Windows, o ~/Development en MacOS/Linux. También se recomienda que las carpetas de proyectos no contengan espacios ni caracteres especiales diferentes a -.
Ejemplos de rutas que funcionan bien:
C:\\Development\C:\\Desarrollo\C:\\Users\jose\Development\C:\\Users\jose\Proyectos-de-programacion\
Ejemplos de rutas que NO funcionan bien:
C:\\Carpeta de desarrollo\C:\\Proyectos de programación\C:\\Programación\C:\\Users\jose\archivos-personales\otra-carpeta\otra\y-otra-carpeta-mas\sub-carpeta-2\Programación\
Abrir el terminal
- Usuarios Windows: Presionar simultáneamente
[Tecla windows]+R, luego escribircmdy enter. - Usuarios MacOS: Presionar simultáneamente
[Command] + [Barra espaciadora], luego escribirterminaly enter.
Aprender a navegar el sistema operativo usando comandos de consola:
-
Lectura obligatoria para usuarios Windows: http://www.falconmasters.com/offtopic/como-utilizar-consola-de-windows/
-
Lectura obligatoria para usuarios MacOS o Linux: https://programminghistorian.org/es/lecciones/introduccion-a-bash
Estudiar tutorial básico de GIT: https://www.youtube.com/watch?v=hWglK8nWh60&ab_channel=Bluuweb
Clonar este repositorio (siguiendo instrucciones del tutorial del punto anterior)
En el terminal: navegar hasta la carpeta del proyecto y ejecutar el comando npm install y esperar a que termine la instalación.
Después de la instalación correr el proyecto ejecutando el comando npm start.
Abrir la siguiente dirección en el navegador: http://localhost:8080/index.html
Nota: Para detener el servidor hay que abrir el terminal donde se está ejecutando el servidor y presionar simultáneamente CTRL + C.