Scribd
Importer
6 vues2 pages

Guide d'installation de React avec Vite

Ce guide explique comment installer et créer un projet React avec Vite, en précisant les pré-requis comme Node.js et npm. Il détaille les étapes de création d'un projet, y compris la vérification des installations, la création du projet avec des commandes spécifiques, et le lancement du serveur de développement. Enfin, il indique comment accéder à l'application via un navigateur une fois le serveur en cours d'exécution.

Transféré par

aladinesouayah384
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
6 vues2 pages

Guide d'installation de React avec Vite

Ce guide explique comment installer et créer un projet React avec Vite, en précisant les pré-requis comme Node.js et npm. Il détaille les étapes de création d'un projet, y compris la vérification des installations, la création du projet avec des commandes spécifiques, et le lancement du serveur de développement. Enfin, il indique comment accéder à l'application via un navigateur une fois le serveur en cours d'exécution.

Transféré par

aladinesouayah384
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Guide d’installation et de création d’un projet React avec

Vite

1 Pré-requis
Avant de commencer, assurez-vous d’avoir installé :
— [Link] (version 16 ou plus récente)
Téléchargez-le depuis le site officiel : [Link]
— npm (fourni automatiquement avec [Link])
— Un éditeur de code tel que Visual Studio Code

2 Versions utilisées
Dans ce guide, nous utiliserons les versions stables les plus récentes :
— React : version 18
— Vite : version 5
— node : version 22.17
— npm : version 10.9

3 Vérification de l’installation
Après l’installation, ouvrez un terminal et exécutez :

node -v
npm -v

Ces commandes doivent afficher les versions installées.

4 Création d’un projet React avec Vite


Suivez les étapes ci-dessous pour créer un projet React basé sur Vite :
1. Ouvrir un terminal dans le dossier où vous voulez créer le projet.
2. Exécuter la commande :

npm create vite@ nom-du-projet ’en miniscule !’

3. Lors de l’installation, choisissez :


— Le framework : React

1
— La variante : TypeScript
4. Accéder au dossier du projet :

cd nom-du-projet

5. Installer les dépendances :

npm install ou npm i

6. Lancer le serveur de développement :

npm run dev

5 Lancement du projet
Une fois le serveur lancé, un lien du type [Link] ou [Link]
sera affiché dans le terminal. Ouvrez ce lien dans un navigateur pour voir votre application
React.

Vous aimerez peut-être aussi