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 escribircmd
y enter. - Usuarios MacOS: Presionar simultáneamente
[Command] + [Barra espaciadora]
, luego escribirterminal
y 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
.