Comment installer TypeScript - Guide étape par étape

TypeScript est un langage de programmation populaire qui s'appuie sur JavaScript en ajoutant des types statiques. L'installation de TypeScript est un processus simple et ce guide vous guidera à travers les étapes à suivre pour le configurer sur votre machine.

Prérequis

Avant d'installer TypeScript, assurez-vous que Node.js et npm (Node Package Manager) sont installés. Node.js fournit l'environnement d'exécution pour l'exécution de JavaScript et TypeScript, tandis que npm est utilisé pour gérer les packages et les dépendances.

• Téléchargez et installez Node.js qui inclut npm.
• Vérifiez l'installation en exécutant les commandes suivantes dans votre terminal:

node -v
npm -v

Si ces commandes renvoient des numéros de version, vous êtes prêt à installer TypeScript.

Installation de TypeScript

TypeScript peut être installé globalement sur votre système ou localement dans un projet spécifique. Nous aborderons les deux méthodes:

Installation globale

L'installation globale de TypeScript vous permet d'utiliser le compilateur TypeScript (`tsc`) depuis n'importe où sur votre système.

1. Ouvrez votre terminal ou votre invite de commande.
2. Exécutez la commande suivante pour installer TypeScript globalement:

npm install -g typescript

Cette commande permet de télécharger et d'installer le package TypeScript globalement. Vous pouvez vérifier l'installation en vérifiant la version de TypeScript:

tsc -v

Installation locale

L'installation locale de TypeScript est recommandée pour les configurations spécifiques à un projet. De cette façon, différents projets peuvent utiliser différentes versions de TypeScript.

1. Accédez au répertoire de votre projet à l'aide du terminal:

cd path/to/your/project

2. Exécutez la commande suivante pour installer TypeScript localement:

npm install typescript --save-dev

Après l'installation, vous pouvez utiliser TypeScript en l'ajoutant aux scripts de votre projet ou en utilisant directement la commande `npx` pour exécuter le compilateur TypeScript.

npx tsc -v

Configuration de TypeScript

TypeScript nécessite un fichier de configuration (`tsconfig.json`) pour spécifier les options du compilateur et les paramètres du projet. Vous pouvez créer ce fichier manuellement ou le générer à l'aide de la CLI TypeScript.

1. Pour générer un fichier `tsconfig.json` par défaut, exécutez:

npx tsc --init

Cette commande crée un fichier `tsconfig.json` dans votre répertoire de projet avec les paramètres par défaut. Vous pouvez modifier ce fichier pour personnaliser les options du compilateur en fonction des besoins de votre projet.

Vérification de l'installation

Pour vous assurer que TypeScript est correctement installé, créez un fichier TypeScript simple et compilez-le:

1. Créez un nouveau fichier TypeScript nommé « hello.ts » avec le contenu suivant:

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

2. Compilez le fichier TypeScript en JavaScript à l'aide du compilateur TypeScript:

npx tsc hello.ts

Cela va générer un fichier « hello.js » dans le même répertoire. Exécutez le fichier JavaScript compilé à l'aide de Node.js:

node hello.js

Vous devriez voir « Bonjour, TypeScript ! » imprimé sur la console.

Conclusion

L'installation de TypeScript est un processus simple qui implique la configuration de Node.js, l'installation globale ou locale de TypeScript et la configuration de votre projet. En suivant ces étapes, TypeScript sera opérationnel et prêt à améliorer votre expérience de développement avec le typage statique et les fonctionnalités avancées.