1.
Créer un dossier pour le projet
mkdir node-express-typescript
cd node-express-typescript
2. Initialiser un projet [Link]
npm init -y
3. Installer les dépendances nécessaires
Installez Express et les outils TypeScript :
npm install express
npm install typescript ts-node @types/node @types/express --save-dev
4. Configurer TypeScript
Générez un fichier de configuration TypeScript ([Link]) :
npx tsc --init
Modifiez le fichier [Link] pour ressembler à ceci (vous pouvez personnaliser si besoin) :
{
"compilerOptions": {
"target": "ES6",
"module": "CommonJS",
"outDir": "./dist",
"rootDir": "./src",
"strict": true,
"esModuleInterop": true
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}
5. Créer la structure du projet
Créez le dossier src pour votre code source, puis un fichier de démarrage principal :
mkdir src
touch src/[Link]
La commande touch est utilisée dans les systèmes d'exploitation basés sur Unix/Linux pour
créer un fichier vide.
6. Écrire un serveur Express basique
Dans src/[Link], ajoutez le code suivant :
import express from "express";
const app = express();
// Définir une route GET pour "/" [Link]("/", (req, res) => {
[Link]("Bienvenue sur votre serveur [Link] avec TypeScript !");
});
// Démarrer le serveur sur le port 3000
[Link](3000, () => { [Link]("Serveur démarré sur [Link] });
7. Ajouter un script de démarrage dans [Link]
Ajoutez un script dans le fichier [Link] pour démarrer le serveur avec ts-node :
"scripts": {
"start": "ts-node src/[Link]"
}
8. Démarrer le serveur
Exécutez la commande suivante pour démarrer votre serveur Express écrit en TypeScript :
npm start
Ouvrez [Link] dans votre navigateur pour tester.
9. Compiler le code en JavaScript (optionnel)
Pour générer du JavaScript compilé, exécutez :
npx tsc
Cela créera les fichiers JavaScript dans le dossier dist (selon la configuration de [Link]).
10.(Optionnel) Installer Nodemon
Pour un rechargement automatique du serveur pendant le développement, installez Nodemon :
npm install nodemon --save-dev
Ajoutez un script dans [Link] pour utiliser Nodemon :
"scripts": {
"dev": "nodemon src/[Link]"
}
Démarrez le serveur en mode développement :
npm run dev