Comment configurer un projet TypeScript + Node.js

Ce très court guide vous guidera dans la configuration de TypeScript avec des projets Node.js nouveaux (ou existants !).

Conditions préalables:

• Vous devriez être un peu familier avec Node et JavaScript
• Vous devez avoir un éditeur de code installé (de préférence VSCode)
• Ce guide suppose que vous utilisez Linux, MacOS ou un autre système d'exploitation de type UNIX.
• Ce guide suppose également que vous utilisez npm comme gestionnaire de paquets (n'hésitez pas à utiliser yarn, pnpm ou votre gestionnaire de paquets préféré à la place)

• Cela vous montrera comment démarrer très rapidement avec TypeScript
• Ce guide vous montrera également comment utiliser des packages populaires tels que nodemon pour prendre en charge le rechargement à chaud de vos applications.

• TypeScript est un sur-ensemble de JavaScript qui nous fournit un typage statique facultatif. Il a été construit par Microsoft et est sans doute la seule bonne chose qu'ils ont publiée depuis VS Code (je plaisante )
• Il sert de documentation et réduit les frais généraux d'intégration et améliore ainsi l'expérience des développeurs
• Nous permet d'identifier rapidement les bogues/problèmes, augmentant ainsi la qualité globale du logiciel
• Lisez le manuel TypeScript pour plus de détails

1. Créez un répertoire et allez dans votre dossier nouvellement créé

mkdir typescript-example
cd typescript-example

npm init -y

npm install typescript --save-dev

npm install @types/node --save-dev

5. Créez votre tsconfig.json

npx tsc --init

6. Compilez votre code à l'aide de la commande tsc à l'aide de l' exécuteur de package Node (npx) .

npx tsc

Améliorer votre expérience de développeur local

1. Rechargement à chaud - cela améliorera considérablement votre dev ex, car cela permettra à votre application de se recharger à chaud sur les modifications en direct. Nous pouvons le configurer via Nodemon dans nos applications Node.js.

npm install --save-dev ts-node nodemon

Ce qui précède devrait suffire à configurer rapidement un projet TypeScript + Node localement. Vous pouvez encore améliorer cela en :

• Utilisez un linter : utilisez quelque chose comme ESLint . Il s'agit d'un outil d'analyse de code statique qui nous permet d'établir une norme dans notre code. Nous pouvons l'utiliser pour appliquer des normes et des modèles de codage pour notre base de code.
• Introduire des outils de suppression profonde : Rimraf pour supprimer les fichiers indésirables avant de passer en production
• Ajoutez un bundler de module statique : utilisez webpack (ou turbopack). Ce sera probablement exagéré pour un petit projet - mais à mesure que votre application évolue, vous aurez besoin d'un mécanisme pour gérer tous vos JS/TS .
• Automatisation - comment pouvez-vous automatiser ce qui précède pour votre entreprise ?