🚀 Installer et configurer TypeScript

🛠️ Prérequis

Avant d’installer TypeScript, il est important d’avoir Node.js installé sur ton ordinateur. Node.js est un environnement d'exécution JavaScript qui te permettra aussi d'utiliser le gestionnaire de paquets npm.

✅ Vérifier si Node.js est installé

Ouvre ton terminal (ou PowerShell) et tape :

📋 Copier le code

node -v

Si tu vois une version affichée (ex : v18.17.1), c’est bon. Sinon, télécharge et installe Node.js depuis le site officiel : https://nodejs.org

📦 Installer TypeScript via npm

Une fois Node.js installé, utilise npm pour installer TypeScript globalement sur ta machine :

📋 Copier le code

npm install -g typescript

L’option -g signifie que TypeScript sera accessible partout sur ton système. Tu peux vérifier l’installation avec :

📋 Copier le code

tsc -v

Cette commande doit afficher un numéro de version de TypeScript, ce qui confirme qu’il est bien installé.

🗂️ Créer un projet TypeScript pas à pas

Maintenant que TypeScript est installé, créons un premier dossier de projet :

📋 Copier le code

mkdir mon-projet-typescript
cd mon-projet-typescript
tsc --init

La commande tsc --init génère un fichier tsconfig.json qui contient la configuration de compilation du projet TypeScript. Ce fichier est très important et nous le verrons en détail dans un prochain chapitre.

📁 Structure minimale du projet

Voici les fichiers que tu auras à ce stade :

• * mon-projet-typescript/
  • - tsconfig.json

🧪 Créer et compiler un premier fichier TypeScript

Crée un fichier nommé index.ts :

Dans ce fichier; écris le code suivant pour afficher un message : " Bonjour TypeScript"

📋 Copier le code

let message: string = "Bonjour TypeScript !";
console.log(message);

Puis compile ce fichier :

📋 Copier le code

tsc index.ts

Cela crée un fichier index.js contenant la version JavaScript du code. Tu peux ensuite l’exécuter :

📋 Copier le code

node index.js

📌 Résumé

• Installation de Node.js puis de TypeScript via npm
• Initialisation d’un projet avec tsc --init
• Compilation de fichiers TypeScript en JavaScript

🧭 Prochaine étape

Dans le chapitre suivant, nous allons plonger dans la compilation TypeScript → JavaScript et comprendre en détail le rôle de tsc et du fichier tsconfig.json.