seance3 2 travaux pratiques

3.2. Création du premier projet : Une fois que les outils nécessaires sont installés, commençons sans plus tarder. Créons un dossier, par exemple C12-Front-end, et ouvrons un terminal dans ce dossier.

Create-React-App (https://github.com/facebook/create-react-app) est également de plus en plus utilize et permet de générer le squellette d’une application React en une seule commande.

Pour créer votre premier projet, exécuter les commandes suivantes : npx create-react-app 01-hello-react cd 01-hello-react npm start Ouvrir http://localhost:3000/ pour accéder à votre projet.

Annexe 1 : Installer NodeJS Télécharger Windows Installer Tout d’abord, vous devez télécharger le fichier Windows Installer (.msi) depuis le site officiel de Node.js. Ce fichier d’installation MSI contient une collection de fichiers d’installation essentiels pour installer, mettre à jour ou modifier la version existante de Node.js.

Notamment, le programme d’installation contient également le gestionnaire de paquets Node.js (npm). Cela signifie que vous n’avez pas besoin d’installer npm séparément.

Commencer le processus d’installation Une fois que vous avez ouvert et exécuté le fichier.msi, le processus d’installation commence. Mais vous devez définir quelques paramètres avant de lancer le processus d’installation.

Double-cliquez sur le fichier d’installation et exécutez-le. Le programme d’installation vous demandera d’accepter le contrat de licence de Node.js. Pour continuer, cochez la case « J’accepte » et cliquez sur Suivant :

Ensuite, sélectionnez la destination où vous voulez installer Node.js. Si vous ne voulez pas changer de répertoire, choisissez l’emplacement par défaut de Windows et cliquez à nouveau sur le bouton Suivant.

L’écran suivant vous montrera des options de configuration personnalisées. Si vous voulez une installation standard avec les fonctionnalités par défaut de Node.js, cliquez sur le bouton Suivant. Sinon, vous pouvez sélectionner vos éléments spécifiques à partir des icônes de l’arbre avant de cliquer sur Suivant :