Partager via

Installer React directement sur Windows

Ce guide décrit la configuration d’un environnement de développement React directement sur Windows à l’aide des outils front-end Vite .

Nous vous recommandons ces instructions si vous débutez avec React ou si vous créez un projet qui n’a pas besoin d’un environnement Linux. Si vous envisagez d’utiliser des outils Bash en grande partie ou de les déployer sur un serveur Linux, envisagez d’installer React sur WSL à la place.

Pour obtenir de l’arrière-plan sur React et les différents scénarios ( applications web, applications mobiles (React Native) et applications de bureau natives (React Native for Desktop) – consultez la vue d’ensemble de React.

Prerequisites

  • Node.js: Obligatoire pour exécuter Vite et npm. Installez à l’aide de nvm-windows pour faciliter la gestion des versions.

Créer votre application React

  1. Ouvrez un terminal (invite de commandes Windows ou PowerShell).

  2. Créez un dossier de projet et entrez-le :

    mkdir ReactProjects
cd ReactProjects

  3. Créez une application React à l’aide de Vite :

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

    Vite va créer un nouveau projet React dans le dossier my-react-app.

  4. Accédez au nouveau dossier d’application et installez les dépendances :

    cd my-react-app
npm install

  5. Démarrez le serveur de développement local :

    npm run dev

    Votre application sera disponible à l’adresse http://localhost:5173. Utilisez Ctrl+C pour arrêter le serveur.

  6. Lorsque vous êtes prêt à déployer, générez un bundle de production :

    npm run build

    La sortie est placée dans le dist dossier. Consultez Déploiement d’un site statique pour les options d’hébergement.

Remarque

Vite est idéal pour les applications à page unique (APU). Si vous avez besoin d’un rendu côté serveur ou d’un backend Node.js, envisagez Next.js à la place. Pour la génération de site statique, consultez Gatsby.

Ressources supplémentaires

  • Last updated on