Skip to content

Latest commit

 

History

History
30 lines (22 loc) · 1.74 KB

prerequisitos.md

File metadata and controls

30 lines (22 loc) · 1.74 KB
Raw

Prerequisitos

Volver

Frontend

  1. Instalar la version LTS de NodeJs. Link

Nota: NodeJs ya viene con npm. Este es el gestor de paquetes que se usa principalmente para bajar librerias y correr scripts definidos en el archivo package.json

  1. Instalar un IDE. Cualquiera basta y en general va en gusto de cada uno. Si no se conoce/usó ninguno, VSCode se suele usar mucho en el terreno de frontend. En el siguiente apartado, tenemos como utilizar VSCode para debuggear en React

  2. (opcional) Instalar en el navegador las extenciones React Developer Tools y Redux DevTools. Si bien no son necesarios para desarollar ayudan a la hora de debuggear código de React/Redux respectívamente.

Visual Studio code

  1. Instalar Visual Studio Code Link
  2. Abrir la carpeta Stock.Web/client-app, allí es donde se aloja la aplicación web.
    1. Ir a File/Open New Window y seleccionar esa carpeta.
  3. Presionar CTRL + SHIFT + P y escribir "Show Recommended Extensions"
    1. Instalar las que dicen "Workspace Recommended"
    2. Instalar las otras que prefieran
  4. Para poder Ejecutar y Debuggear el proyecto:
    1. Ejecutar npm install para instalar todas las dependencias.
    2. Tipear en la consola npm run start, esto levantará un cliente en http://localhost:3000
    3. Si accedemos desde cualquier pestaña, podríamos utilizar la aplicación.
      • Recordar que el backend y el frontend necesitan estar ambos ejecutándose.
    4. Si presionamos F5 y debería abrirnos un Browser vacío, este mismo tiene un puente para debuggear la applicación web.
    • Para comprobar si funcionó, agregar un breakpoint en src/app/App.js y recargar la pestaña. El código debería frenar allí.