DEV Community

Cover image for Creando un proyecto de React con Vite
Pablo Fogliazza
Pablo Fogliazza

Posted on • Edited on

Creando un proyecto de React con Vite

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
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

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/

Image description

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.

Top comments (0)