Démarrage et Exécution d’un Projet React avec Vite
Étape 6 : Initialisation du projet
Pour configurer le projet, utiliser le terminal. Ouvrir le terminal dans l’éditeur de code (s’il n’est pas déjà ouvert), exécuter la commande suivante, puis appuyer sur Entrée :
npm create vite@latest .
Lorsque vous y êtes invité, sélectionner React comme framework à l’aide des touches fléchées :
Ensuite, choisir JavaScript ou TypeScript, selon la préférence :
Après avoir terminé la configuration, Vite vous invite à installer les dépendances. Exécuter la commande suivante :
npm install
Une fois l'installation terminée, démarrer le serveur de développement en exécutant :
npm run dev
Après avoir exécuté ces commandes, une URL de développement locale s'affiche — généralement : http://localhost:5173/
. Ce lien peut être ouvert dans le navigateur pour visualiser l'application en direct.
Étape 7 : Commencer la personnalisation
Le projet est prêt, vous pouvez commencer à le personnaliser :
- Le travail principal se déroule dans le dossier src ;
- Vous trouverez des fichiers par défaut comme
App.jsx
etmain.jsx
, que vous pouvez modifier ou remplacer selon les besoins de votre projet ; - Si vous avez déjà travaillé sur CodeSandbox, recréez la structure qui vous est familière : assurez-vous d’avoir un fichier
main.jsx
(l’équivalent Vite deindex.js
) comme point d’entrée et construisez votre application principale dansApp.jsx
; - Créez des dossiers supplémentaires si nécessaire pour organiser vos composants, styles et ressources.
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 2.17
Démarrage et Exécution d’un Projet React avec Vite
Glissez pour afficher le menu
Étape 6 : Initialisation du projet
Pour configurer le projet, utiliser le terminal. Ouvrir le terminal dans l’éditeur de code (s’il n’est pas déjà ouvert), exécuter la commande suivante, puis appuyer sur Entrée :
npm create vite@latest .
Lorsque vous y êtes invité, sélectionner React comme framework à l’aide des touches fléchées :
Ensuite, choisir JavaScript ou TypeScript, selon la préférence :
Après avoir terminé la configuration, Vite vous invite à installer les dépendances. Exécuter la commande suivante :
npm install
Une fois l'installation terminée, démarrer le serveur de développement en exécutant :
npm run dev
Après avoir exécuté ces commandes, une URL de développement locale s'affiche — généralement : http://localhost:5173/
. Ce lien peut être ouvert dans le navigateur pour visualiser l'application en direct.
Étape 7 : Commencer la personnalisation
Le projet est prêt, vous pouvez commencer à le personnaliser :
- Le travail principal se déroule dans le dossier src ;
- Vous trouverez des fichiers par défaut comme
App.jsx
etmain.jsx
, que vous pouvez modifier ou remplacer selon les besoins de votre projet ; - Si vous avez déjà travaillé sur CodeSandbox, recréez la structure qui vous est familière : assurez-vous d’avoir un fichier
main.jsx
(l’équivalent Vite deindex.js
) comme point d’entrée et construisez votre application principale dansApp.jsx
; - Créez des dossiers supplémentaires si nécessaire pour organiser vos composants, styles et ressources.
Merci pour vos commentaires !