Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Configuration du Dossier de Projet | React in the Real World
Maîtrise de React
course content

Contenu du cours

Maîtrise de React

Maîtrise de React

2. Stylisation dans les Applications React
3. Hooks et Contexte React
4. React in the Real World

book
Configuration du Dossier de Projet

Étape 3 : Créer le dossier du projet

Maintenant que nous avons tous les outils externes nécessaires, nous pouvons commencer à créer le projet. La tâche consiste à créer un nouveau dossier vide spécifiquement pour le projet, où rien d'autre ne sera stocké.

Étapes à suivre :

  1. Choisir un emplacement : Sélectionnez un emplacement sur votre machine où vous souhaitez créer le dossier du projet. Cela peut être n'importe où vous préférez, comme votre bureau ou un répertoire spécifique ;
  2. Créer un nouveau dossier : Faites un clic droit à l'emplacement choisi et sélectionnez "Nouveau dossier" dans le menu contextuel ;
  3. Nommer le dossier : Donnez au dossier un nom significatif. Cela servira de dossier racine pour votre projet React, alors choisissez un nom informatif et pertinent pour l'objectif de votre projet. Par exemple, vous pouvez le nommer movies-app, store-app, posts-app, learning-system-app, etc.

Par exemple, créons le dossier vide avec le nom movies-app.

Étape 4 : Ouvrir le dossier dans votre éditeur de code

Pour commencer à travailler sur le projet, vous devez ouvrir le dossier movies-app dans votre éditeur de code, que ce soit Visual Studio Code ou un autre éditeur de votre choix.

Suivez ces étapes :

  • Lancez votre éditeur de code. Dans notre exemple, nous utiliserons Visual Studio Code (VS Code) ;
  • Cliquez sur l'icône de l'explorateur située dans le coin supérieur gauche de l'interface de VS Code ;
  • Cliquez sur le bouton "Ouvrir le dossier" dans le panneau de l'explorateur;
  • Recherchez le dossier movies-app sur la machine et sélectionnez-le. Après avoir terminé ces étapes, vous devriez voir le nom du dossier, movies-app, affiché dans l'interface de votre éditeur de code.

Maintenant que votre dossier de projet est configuré et ouvert dans votre éditeur de code, vous êtes prêt à commencer à construire votre application React !

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 3
We're sorry to hear that something went wrong. What happened?
some-alt