É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.