Base UI (para capacitación)

Este repositorio contiene el proyecto que será utilizado como base para la creación de interfaces gráficas.

El base utiliza como stack las siguientes tecnologías:

• Svelte - Framework de construcción de interfaces
• Express.js - Servidor de aplicaciones
• Vite.js - Herramienta de compilación y servidor de desarrollo

Instrucciones de uso

Los comandos para instalar y levantar el proyecto son:

1. Instalar dependencias

Para poder correr la aplicación es necesario instalar sus dependencias. Situados en la raíz del proyecto, ejecutar el comando:

npm install

2. Ejecutar

Para levantar la aplicación en modo de desarrollo se ejecuta el comando:

npm run dev

Finalmente, se accede desde el puerto 3000:

http://[DIRECCION_IP]:3000

Utilidades recomendadas

• Extension oficial de Svelte: Syntax highlighting e intellisense para componentes Svelte en VS Code
• Svelte DevTools: Herramientas de desarrollo para Chrome y Firefox
• Vite Plugin Svelte Inspector: Agrega un inspector en el navegador que muestra la ruta exacta del archivo del componente al que se hace hover (y al clicarlo debería abrir el editor, pero esto no está funcionando). Ya está configurado, para activar/ocultar presionar cmd + shift (en mac) y ctrl + shift (otros OS).