Pablo Fogliazza
Posted on May 11, 2022
A continuación voy a contarles cómo podemos iniciar nuestro proyecto de React utilizando Vite. Para ello en la consola vamos a posicionarnos sobre la carpeta que contendrá nuestra carpeta del proyecto y vamos a ejecutar el siguiente comando:
$ npm create vite@latest
Allí vite nos irá conduciendo para poder crear nuestro proyecto a gusto. Podremos elegir el nombre del proyecto, el framework y la variante que utilizaremos para nuestro proyecto.
Al finalizar la instalación nos dirá que debemos correr los siguientes comandos para instalar y ejecutar el servidor de desarrollo:
$ cd [nombre-del-proyecto]
$ npm install
$ npm run dev
Debemos ingresar a la carpeta del proyecto con el primer comando y luego ejecutamos el segundo comando, donde se instalarán todas las dependencias que necesita para crear nuestro proyecto con Vite. ¡Felicitaciones! Ya tienes creadas las bases de tu proyecto con Vite.
Para verificar que todo funciona correctamente puedes correr el servidor de desarrollo con el último comando y si todo salió bien, deberías visualizar la siguiente página en tu navegador: http://localhost:3000/
Ahora ya puedes prepararte un mate o un café :) y ponerte a escribir el código de tu proyecto inicializado con Vite. ¡Éxito!
Aquí puedes encontrar toda la documentación oficial de Vite.
¡A codear con un buen café! Gracias por leer.
Posted on May 11, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.