"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Configurar React con Vite paso a paso

Configurar React con Vite paso a paso

Publicado el 2024-11-08
Navegar:162

Vite es una herramienta de compilación moderna diseñada para proporcionar una experiencia de desarrollo rápida y eficiente, especialmente para aplicaciones basadas en JavaScript como React, Vue y otras.

Vite se centra más en la velocidad de desarrollo con una configuración mínima y tiempos de carga más rápidos durante el proceso de desarrollo. Los tiempos de construcción de producción también suelen ser más rápidos debido a las optimizaciones del resumen

En este tutorial, aprenderá cómo instalar Reactjs con Vite paso a paso

Paso 1
Abre la aplicación de terminal que tienes, aquí estoy usando cmder, y ve a la carpeta donde quieres instalar la aplicación

Setup React With Vite Step-by-Step

Paso 2
Para realizar el proceso de instalación puedes utilizar "yarn" o "npm",
escriba el siguiente comando en su terminal,

##NPM
npm create vite@latest

##YARN
yarn create vite

Yo uso hilo.

Después de ejecutar el comando anterior, se le pedirá que ingrese el nombre de la aplicación que desea crear, como se muestra en la siguiente imagen

Setup React With Vite Step-by-Step

Paso 3
Verá una lista; use las teclas de flecha para moverse hacia arriba y hacia abajo en la lista, haga clic en Intro para seleccionar su opción preferida.
En este paso, elegiremos React

Setup React With Vite Step-by-Step

Paso 3
Verá cinco opciones para elegir. Navegue y seleccione
aquí elegiré Typecript SWC

Setup React With Vite Step-by-Step

Y eso es todo; Ya tienes tu proyecto Vite
Setup React With Vite Step-by-Step

Paso 4
Como se indica en los resultados finales en el paso 3, se le pedirá que ingrese a la carpeta de la aplicación que ha creado, luego ejecute el comando que le dijeron que hiciera

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

Setup React With Vite Step-by-Step

Paso 5
Después de que todos los procesos del paso 4 sean exitosos, para ejecutar la aplicación necesita ejecutar el siguiente comando

### npm 
npm run dev

### yarn
yarn dev

Setup React With Vite Step-by-Step

Después de que la aplicación se haya ejecutado exitosamente, puede acceder a la aplicación según el enlace que se muestra en la terminal

Setup React With Vite Step-by-Step


Conclusión:
Mira, no es nada difícil y todo el proceso no lleva mucho tiempo.

Ahora ha aprendido con éxito a instalar aplicaciones ReactJS usando Vitejs

Gracias

Declaración de liberación Este artículo se reproduce en: https://dev.to/ramadhan002/setup-react-with-vite-step-by-step-48mi?1 Si hay alguna infracción, comuníquese con [email protected] para eliminarla.
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3