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.jsxetmain.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
What should I do if I encounter an error during the setup process?
Can you explain the difference between JavaScript and TypeScript for this project?
Where can I find the main files to start customizing my app?
Awesome!
Completion rate improved to 2.17Dé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.jsxetmain.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 !
