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

python

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 :

python

Une fois l'installation terminée, démarrez le serveur de développement en exécutant :

python

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.jsx et main.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 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.