Spécifie un style CSS inline à un élément
Apprenez à installer et configurer ExpressJS sur votre système avec Node.js et npm. Tutoriel détaillé avec commandes et explications.
Dans ce chapitre, nous allons apprendre à démarrer avec le framework ExpressJS.
Avant de commencer, vous devez avoir Node.js et npm (Node Package Manager) installés sur votre système.
Si ce n'est pas encore le cas, consultez notre guide sur l'installation de Node.js.
Exécutez les commandes suivantes dans votre terminal pour vérifier si Node.js et npm sont installés :
node -v v22.13.0 npm -v 10.9.2
Si vous obtenez un numéro de version, cela signifie que Node.js et npm sont correctement installés.
npm (Node Package Manager) est le gestionnaire de paquets officiel de Node.js.
Il permet d’installer et de gérer des bibliothèques JavaScript pour les applications web, mobiles et bien plus encore.
Vous pouvez consulter les paquets disponibles sur le site officiel : npmJS.
Il existe deux façons d’installer un paquet avec npm :
Utilisée pour installer des outils de développement et des packages CLI.
npm install -g <nom-du-package>
Utilisée pour installer des frameworks et bibliothèques au sein d’un projet spécifique.
npm install <nom-du-package>
-g dans npm install ?Dans la commande npm install -g <nom-du-package>, l'option -g signifie "global". Cela indique que le package doit être installé globalement sur le système plutôt que localement dans un projet spécifique.
| Installation | Commande | Emplacement | Usage |
|---|---|---|---|
| Globale | npm install -g <package> |
Dossier global npm (C:\Users\VotreNom\AppData\Roaming\npm sous Windows, /usr/local/lib/node_modules sous Linux/macOS) |
Accessible depuis n'importe où dans le terminal |
| Locale | npm install <package> |
Dossier node_modules du projet actuel |
Utilisable uniquement dans ce projet |
-g ?Vous devez installer un package globalement lorsque :
nodemon, gulp, npm-check.npm install -g nodemon
Après installation, vous pouvez exécuter nodemon directement dans le terminal, peu importe où vous êtes.
npm install express
Cette commande installe Express uniquement dans le projet actuel et l’ajoute aux dépendances du package.json.
npm list -g --depth=0
npm uninstall -g <nom-du-package>
sudo sous Linux/macOS :
npm config set prefix ~/.npm-global
L’option -g est essentielle pour les outils CLI. Toutefois, pour les bibliothèques utilisées uniquement dans un projet, il vaut mieux les installer localement sans -g. 🚀
Dans votre terminal, créez un dossier nommé hello-world et accédez-y, pour ceci tappez le code qui suit dans votre terminal :
mkdir hello-world cd hello-world
mkdir crée le dossier "hello-world" et cd pour accéder au dossier créé
Utilisez la commande suivante pour générer le fichier package.json :
npm init
Vous serez invité à entrer plusieurs informations. Vous pouvez simplement appuyer sur Entrée pour accepter les valeurs par défaut.
Le fichier package.json est un élément clé d'un projet Node.js. Il contient des informations sur votre projet et ses dépendances.
index.js).npm start).Voici un exemple de package.json :
{
"name": "hello-world",
"version": "1.0.0",
"description": "Un projet ExpressJS",
"main": "index.js",
"scripts": {
"start": "node index.js",
"dev": "nodemon index.js"
},
"dependencies": {
"express": "^4.18.2"
},
"devDependencies": {
"nodemon": "^2.0.22"
},
"author": "Votre Nom",
"license": "ISC"
}
Pour installer Express et l’ajouter à votre projet, exécutez :
npm install --save express
--save pour ajouter express comme dépendance dans le fichier package.json
Astuce : Vous pouvez utiliser -S au lieu de --save. Express sera alors ajouté comme dépendance dans package.json.
Nodemon est un outil utile qui redémarre automatiquement le serveur à chaque modification de fichier.
Installez-le globalement avec :
npm install -g nodemon
Vous êtes maintenant prêt à commencer votre développement avec ExpressJS ! 🚀
Avec les versions récentes de Node.js et npm, il est possible d'éviter d'installer certains outils globalement grâce à npx. Cela permet d'exécuter des paquets npm sans les installer définitivement sur votre machine.
npx ?Normalement, pour installer nodemon de manière globale, vous utilisez :
npm install -g nodemon
Avec npx, il suffit d'exécuter directement :
npx nodemon index.js
npx
npx create-react-app my-app
npx eslint myfile.js
L'utilisation de npx simplifie l'exécution de nombreux outils sans installation permanente. C'est une solution idéale pour tester rapidement des paquets ou éviter d'encombrer son environnement de développement avec des installations inutiles. 🚀
Nous allons créer une petite application Express qui affiche un message lorsqu'on accède à la page d'accueil.
server.jsCréez un fichier server.js à la racine de votre projet et collez le code suivant :
const express = require('express');
const app = express();
// Définition du port
const PORT = 3000;
// Route principale
app.get('/', (req, res) => {
res.send('Hello, Express!');
});
// Démarrage du serveur
app.listen(PORT, () => {
console.log(`Serveur démarré sur http://localhost:${PORT}`);
});
Installez Express dans votre projet avec la commande suivante :
npm install express
Démarrez votre serveur avec :
node server.js
Ouvrez votre navigateur et accédez à http://localhost:3000. Vous devriez voir le message "Hello, Express!" s'afficher.
Pour éviter de redémarrer manuellement le serveur après chaque modification, installez nodemon :
npm install -g nodemon
Puis exécutez le serveur avec :
nodemon server.js
Félicitations ! 🎉 Vous venez de créer et d'exécuter votre premier serveur Express.js. Cette base vous servira pour des projets plus avancés, comme la gestion des routes et l'interaction avec une base de données.