Installation de l'environnement Vue.js

Avant de commencer

Pour créer un projet Vue.js, il est nécessaire de disposer d'un gestionnaire de paquets. Cet outil permet d'installer automatiquement toutes les bibliothèques et ressources dont le projet a besoin, sans avoir à les télécharger et configurer manuellement.

Qu'est-ce qu'un gestionnaire de paquets ?

Un gestionnaire de paquets est un programme qui télécharge des bibliothèques depuis un registre en ligne, les installe dans votre projet, vérifie leurs dépendances et peut aussi les mettre à jour ou les désinstaller. Il conserve la liste de tout ce qui est installé dans un fichier package.json, ce qui permet à d'autres développeurs de recréer exactement le même environnement de travail.

Il existe plusieurs gestionnaires dans l'écosystème JavaScript, mais npm (Node Package Manager) reste la référence la plus utilisée. C'est celui que nous emploierons dans ce cours, d'autant qu'il est fourni automatiquement avec Node.js.

Node.js

Node.js est un environnement d'exécution qui permet de faire tourner du JavaScript directement sur votre ordinateur, en dehors du navigateur. Grâce à lui, JavaScript peut servir non seulement à rendre des pages web interactives, mais aussi à créer des outils, des serveurs ou à automatiser des tâches.

Exemples concrets d'utilisation :

• Créer un serveur web : pour afficher une application (ex. avec Express.js, utilisé dans de nombreux sites professionnels).
• Automatiser des tâches : comme renommer des centaines de fichiers d'un coup ou compresser toutes les images d'un dossier.
• Utiliser des outils : comme ESLint (vérifie la qualité du code), Prettier (met en forme automatiquement le code) ou TypeScript (ajoute un typage au JavaScript).
• Assembler et optimiser : le code d'une application avant sa mise en ligne, à l'aide d'outils spécialisés.

L'installation de Node.js se fait une seule fois. Ensuite, il est recommandé de vérifier de temps en temps si une nouvelle version est disponible, pour rester compatible avec les versions récentes des outils.

Installer Node.js

Voici la procédure selon votre système d'exploitation.

Windows

1. Téléchargez la version LTS depuis nodejs.org
2. Lancez l'installeur et laissez les options par défaut (npm est inclus, ajout au PATH)

macOS

1. Si Homebrew n'est pas déjà installé, ouvrez le Terminal et tapez :

   
                           /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
                       

2. À la fin de l'installation, le Terminal affichera peut-être des instructions pour ajouter Homebrew au chemin (PATH). Copiez-collez ces lignes, sinon la commande brew ne sera pas reconnue.
3. Une fois Homebrew installé, installez Node.js (version LTS) :

   
                           brew install node
                       

Linux (Debian / Ubuntu)

1. Ouvrez un terminal et installez la dernière version LTS depuis NodeSource :

   
                           curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
                           sudo apt install -y nodejs
                       

Mettre à jour Node.js

Si Node.js est déjà installé mais qu'il est ancien, voici comment le mettre à jour :

• Windows : méthode identique à l'installation
• macOS avec Homebrew :

  
                          brew update
                          brew upgrade node
                      

• Linux (NodeSource) : méthode identique à l'installation

Vérifier les versions installées

                node -v
                npm -v
            

Si node -v n'est pas reconnu après l'installation, ouvrez un nouveau terminal puis réessayez.