Démarrer et Exécuter un Projet React avec Vite
Étape 6 : Initialiser le projet
Pour configurer le projet, utilisez le terminal. Ouvrez le terminal dans votre éditeur de code (s'il n'est pas déjà ouvert), exécutez la commande suivante et appuyez sur Entrée :
npm create vite@latest .
Lorsque vous y êtes invité, sélectionnez React comme framework en utilisant les touches fléchées :
Ensuite, choisissez soit JavaScript soit TypeScript, selon votre préférence :
Après la configuration, Vite vous demandera d'installer les dépendances. Exécutez la commande suivante :
npm install
Une fois l'installation terminée, démarrez le serveur de développement en exécutant :
npm run dev
Après avoir exécuté ces commandes, vous verrez une URL de développement local — généralement : http://localhost:5173/. Vous pouvez ouvrir ce lien dans votre navigateur pour voir l'application en direct.
Étape 7 : Commencez à Personnaliser
Le projet est configuré, vous pouvez commencer à le personnaliser :
- Votre travail principal se fera à l'intérieur du dossier src ;
- Vous trouverez des fichiers par défaut comme
App.jsxetmain.jsx, que vous pouvez modifier ou remplacer en fonction des besoins de votre projet ; - Si vous avez déjà travaillé dans CodeSandbox, recréez votre structure familière : assurez-vous d'avoir un
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
Posez-moi des questions sur ce sujet
Résumer ce chapitre
Afficher des exemples du monde réel
Awesome!
Completion rate improved to 2.17Démarrer et Exécuter un Projet React avec Vite
Glissez pour afficher le menu
Étape 6 : Initialiser le projet
Pour configurer le projet, utilisez le terminal. Ouvrez le terminal dans votre éditeur de code (s'il n'est pas déjà ouvert), exécutez la commande suivante et appuyez sur Entrée :
npm create vite@latest .
Lorsque vous y êtes invité, sélectionnez React comme framework en utilisant les touches fléchées :
Ensuite, choisissez soit JavaScript soit TypeScript, selon votre préférence :
Après la configuration, Vite vous demandera d'installer les dépendances. Exécutez la commande suivante :
npm install
Une fois l'installation terminée, démarrez le serveur de développement en exécutant :
npm run dev
Après avoir exécuté ces commandes, vous verrez une URL de développement local — généralement : http://localhost:5173/. Vous pouvez ouvrir ce lien dans votre navigateur pour voir l'application en direct.
Étape 7 : Commencez à Personnaliser
Le projet est configuré, vous pouvez commencer à le personnaliser :
- Votre travail principal se fera à l'intérieur du dossier src ;
- Vous trouverez des fichiers par défaut comme
App.jsxetmain.jsx, que vous pouvez modifier ou remplacer en fonction des besoins de votre projet ; - Si vous avez déjà travaillé dans CodeSandbox, recréez votre structure familière : assurez-vous d'avoir un
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 !
