 --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 453 453' style='enable-background:new 0 0 453 453;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M226.5,0C101.6,0,0,101.6,0,226.5S101.6,453,226.5,453S453,351.4,453,226.5S351.4,0,226.5,0z M32.8,225.9 c0-106.5,86.6-193.1,193.1-193.1S419,119.4,419,225.9S332.4,419,225.9,419C119.4,419,32.8,332.4,32.8,225.9z'/%3E%3Cg%3E%3Cpolygon class='st0' points='289.8,375.6 247.8,272.5 229.6,312.6 255.2,375.6 '/%3E%3Cpolygon class='st0' points='165.4,154.8 211.2,267.6 229.5,227.4 165.2,69.5 26.2,376 65.1,375.9 '/%3E%3Cpolygon class='st0' points='308.4,69.5 290.7,110.6 379.2,342.4 392.2,376 426.8,376 '/%3E%3C/g%3E%3C/svg%3E%0A)
Vite es una alternativa mejorada a la herramienta Create React app.
Con Vite también podemos trabajar con otros frameworks como Vue o lenguajes como Typescript por lo que a continuación tendremos que especificar qué tecnologías utilizaremos.
Crear nuevo proyecto
Desde nuestra Terminal ejecutaremos el siguiente comando para crear un nuevo proyecto con Vite.
npm create vite
Escribimos un nombre para nuestro proyecto y le damos a intro.
A continuación nos moveremos con las flechas del teclado para escoger la opción de React como framework con el que trabajaremos y presionamos intro.
Escogemos JavaScript como lenguaje de desarrollo y al presionar intro ya tendremos creado nuestro nuevo proyecto.
Accedemos al directorio del proyecto.
cd vite-project
Instalamos las dependencias.
npm install
Y hacemos correr la aplicación.
npm run dev
Vite nos indica el host y el puerto donde está ejecutandose nuestra aplicación.
Accedemos desde el navegador presionando CTRL+clic (WIN) o COMMAND+clic (MAC) sobre el enlace.
