Instalación de React directamente en Windows

En esta guía se explica cómo configurar un entorno de desarrollo de React directamente en Windows mediante las herramientas de front-end de Vite .

Se recomiendan estas instrucciones si no está familiarizado con React o si crea un proyecto que no necesita un entorno de Linux. Si tiene previsto usar herramientas de Bash ampliamente o implementar en un servidor Linux, considere la posibilidad de instalar React en WSL en su lugar.

Para obtener información general sobre React y los distintos escenarios( aplicaciones web, aplicaciones móviles (React Native) y aplicaciones de escritorio nativas (React Native for Desktop), consulte la introducción a React.

Prerrequisitos

  • Node.js: necesario para ejecutar Vite y npm. Instale mediante nvm-windows para facilitar la administración de versiones.

Creación de la aplicación de React

  1. Abre una terminal (línea de comandos de Windows o PowerShell).

  2. Cree una carpeta de proyecto y escríbala:

    mkdir ReactProjects
cd ReactProjects

  3. Cree una aplicación react con Vite:

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

    Vite creará la estructura de un nuevo proyecto de React en la carpeta my-react-app.

  4. Vaya a la nueva carpeta de la aplicación e instale las dependencias:

    cd my-react-app
npm install

  5. Inicie el servidor de desarrollo local:

    npm run dev

    La aplicación estará disponible en http://localhost:5173. Use Ctrl+C para detener el servidor.

  6. Cuando esté listo para realizar la implementación, cree un paquete de producción:

    npm run build

    La salida se coloca en la dist carpeta . Consulte Implementación de un sitio estático para obtener opciones de hospedaje.

Nota:

Vite es ideal para aplicaciones de página única (SPA). Si necesita representación del lado servidor o un back-end de Node.js, considere Next.js en su lugar. Para la generación de sitios estáticos, consulte Gatsby.

Recursos adicionales

  • Last updated on