Compartir a través de

Instalación de React directamente en Windows

  • Artículo

En esta guía se le mostrará cómo instalar React directamente en Windows con las herramientas de front-end vite.

Se recomienda seguir estas instrucciones si no está familiarizado con React y solo está interesado en el aprendizaje. Si va a crear una aplicación de página única (SPA) con la que desea usar comandos o herramientas de Bash o planea la implementación en un servidor Linux, se recomienda instalar con vite en el Subsistema de Windows para Linux (WSL).

Para obtener más información general sobre React, decidir entre React (aplicaciones web), React Native (aplicaciones móviles) y React Native for Desktop (aplicaciones de escritorio), consulte la introducción a React.

Creación de la aplicación de React

Para instalar Create React App:

  1. Abra un terminal (el símbolo del sistema de Windows o PowerShell).

  2. Crea la nueva carpeta de proyecto mkdir ReactProjects y accede al directorio cd ReactProjects.

  3. Instale React mediante vite:

    npm create vite@latest my-react-app -- --template react

  4. Una vez instalado, cambie los directorios a la nueva aplicación ("my-react-app" o como haya decidido llamarla): cd my-react-app, instale las dependencias: npm install y, a continuación, inicie el servidor de desarrollo local: npm run dev

    Este comando iniciará el servidor de Node.js e iniciará una nueva ventana del explorador que mostrará la aplicación. Puede usar Ctrl + c para dejar de ejecutar la aplicación de React en la línea de comandos.

Nota:

Vite incluye una canalización de compilación de front-end mediante Babel, esbuild y Rollup, pero no controla la lógica de back-end ni las bases de datos. Si busca crear un sitio web representado por el servidor con React que use un back-end de Node.js, se recomienda instalar Next.js en lugar de esta instalación de Vite, que está pensada más para aplicaciones de página única (SPA). También puede considerar la posibilidad de instalar Gatsby si desea crear un sitio web estático orientado a contenido.

  1. Cuando esté listo para implementar la aplicación web en producción, la ejecución de npm run build creará una compilación de la aplicación en la carpeta "dist". Puede obtener más información en Implementar un sitio estático.

Recursos adicionales