TW3 — Technologies du Web 3

Introduction à npm

Premiers pas avec npm : pourquoi on l'utilise, ce qu'il apporte, et comment il s'appuie sur package.json.

npm est le gestionnaire de paquets par défaut de Node.js. Il permet d’installer, partager et mettre à jour les dépendances d’un projet, sans les copier manuellement. Derrière la commande se cache aussi le plus grand registre de logiciels au monde : des millions de paquets publiés par la communauté, réutilisables en une seule ligne de commande.

📚 Apport20′

Objectifs du chapitre

  • Comprendre le rôle d'un gestionnaire de paquets et du registre npmFaible
  • Installer et configurer Node.js et npm sur sa machineMoyenne
  • Maîtriser les commandes essentielles : install, update, run, auditMoyenne
  • Gérer les dépendances et le fichier package.jsonÉlevée

📥 Installation

Systèmes d'exploitation

SystèmeInstallationIDE recommandé
WindowsNode.js LTS depuis nodejs.orgVS Code + GitLens
macOSbrew install node ou depuis nodejs.orgXcode ou VS Code
Linuxsudo apt install nodejs npmn'importe quel éditeur

Vérifier l'installation

node -v   # Affiche la version de Node.js
npm -v    # Affiche la version de npm

🐳 Concepts de base

  • npm : Node Package Manager, gère les dépendances et les scripts
  • package.json : manifeste du projet, liste dépendances, scripts, métadonnées
  • package-lock.json : fige les versions exactes pour installations reproductibles
  • dépendances : paquets nécessaires à l'exécution (dependencies)
  • devDependencies : outils de développement, test, build

📋 Parcours du chapitre

🛠️ Atelier34′

🛠️ Atelier — initialiser un projet npm

Créez un package.json et installez une dépendance.

1. Initialiser

npm init -y

2. Installer une dépendance

npm install lodash

Observez l'ajout dans dependencies et la création de package-lock.json.

3. Déclarer un script

Ajoutez "start": "node index.js" et lancez npm start.

🏋️ Exercice15′

🏋️ Exercice

Initialiser un package.json et installer une dépendance dans le projet fil rouge. → Exercice

🎯 Synthèse0′

🎯 Synthèse

npm gère les dépendances et les scripts d'un projet via package.json. Dans le projet fil rouge (branche session-01), ce chapitre ajoute le package.json et le script de démarrage. Cette phase prépare la suite vers Node.js (s05).

npm

Terminez le quiz du chapitre pour le marquer comme complété.

Tableau de bord

On this page