Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Démarrage et Exécution d’un Projet React avec Vite | Structuration de Projets React en Conditions Réelles
Maîtrise de React

bookDé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 et main.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 de index.js) comme point d’entrée et construisez votre application principale dans App.jsx ;
  • Créez des dossiers supplémentaires si nécessaire pour organiser vos composants, styles et ressources.
question mark

Quelle commande permet de démarrer un nouveau projet React avec Vite ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 5

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

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

bookDé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 et main.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 de index.js) comme point d’entrée et construisez votre application principale dans App.jsx ;
  • Créez des dossiers supplémentaires si nécessaire pour organiser vos composants, styles et ressources.
question mark

Quelle commande permet de démarrer un nouveau projet React avec Vite ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 5
some-alt