Configuration de l'Environnement

Dans les sections précédentes, nous avons appris les bases de React. Nous savons maintenant comment créer des composants, les gérer, afficher des informations et implémenter la logique. Cependant, toutes ces tâches ont été effectuées dans CodeSandbox, qui est excellent pour l'étude.

Mais qu'en est-il des projets du monde réel ? Tous les développeurs créent-ils des projets dans CodeSandbox ? Bien sûr que non. Cette section est dédiée à vous aider à démarrer votre projet sur votre machine locale, en vous guidant à travers le processus étape par étape.

Étape 1 : Installer Node.js et npm

Nous devons installer Node.js et npm sur la machine locale.

Node.js est un environnement d'exécution open-source qui nous permet d'exécuter du code JavaScript côté serveur.

npm signifie "Node Package Manager". C'est un gestionnaire de paquets pour Node.js qui permet aux développeurs d'installer, de gérer et de partager facilement des paquets ou modules de code JavaScript réutilisables.

• Allez sur le site officiel de Node.js : https://nodejs.org;
• Téléchargez l'installateur pour votre système d'exploitation (Windows, macOS ou Linux). Nous sommes intéressés par la version LTS car elle est stable et fonctionnelle;

• Exécutez l'installateur et suivez les instructions d'installation;
• Après l'installation, nous devrions avoir Node.js et npm (Node Package Manager) installés sur la machine.

Comment vérifier si nous avons Node.js et npm installés ?

Pour vérifier si Node.js et npm sont installés sur la machine, nous pouvons ouvrir le terminal de l'ordinateur (invite de commande, PowerShell ou émulateur de terminal) et exécuter les commandes. Étapes :

1. Ouvrir le terminal;

• Windows : Appuyez sur Win + X et sélectionnez "Windows PowerShell" dans le menu. Alternativement, recherchez "PowerShell" dans le menu Démarrer;
• macOS : Allez dans "Applications" > "Utilitaires" > "Terminal". Une autre option est d'utiliser la recherche "Spotlight" en appuyant sur Cmd + Space et en tapant "Terminal";
• Linux : Le raccourci Ctrl + Alt + T est couramment utilisé pour ouvrir le terminal sur de nombreuses distributions Linux. Cependant, selon la distribution spécifique, il peut y avoir d'autres méthodes telles que la recherche de "Terminal" dans le menu des applications ou l'utilisation d'un autre raccourci clavier.

Remarque

Si aucune de ces méthodes ne fonctionne, il est recommandé de se référer à la documentation ou aux ressources de support pour le système d'exploitation afin de trouver la manière appropriée d'ouvrir le terminal. Ou nous pouvons toujours chercher sur Google.

2. Vérifier la version de Node.js;

Dans le terminal, exécutez la commande suivante.

Cette commande affichera la version de Node.js installée sur la machine. Si Node.js est installé, nous voyons le numéro de version.

3. Vérifier la version de npm.

Dans le terminal, exécutez la commande suivante.

Cette commande affichera la version de npm installée sur la machine. Si npm est installé, nous voyons le numéro de version.

Si les deux commandes renvoient les numéros de version, Node.js et npm sont installés avec succès et disponibles sur la machine. Si les commandes ne sont pas reconnues ou renvoient une erreur, cela signifie que Node.js et/ou npm ne sont pas installés, ou que leurs chemins d'installation ne sont pas correctement configurés. Dans ce cas, nous devrons peut-être revoir les étapes d'installation de Node.js et nous assurer que l'installation a été complétée avec succès. Parfois, il est recommandé de redémarrer la machine.

Remarque

La version que nous obtenons n'a pas d'importance pour le moment.