Formation TypeScript 'Installation' - caillau-thomas/Formation-TypeScript Wiki

Lien vers le tutoriel complet : https://www.youtube.com/watch?v=uOuulpBs8dQ&list=PLjwdMgw5TTLX1tQ1qDNHTsy_lrkCt4VW3&index=2


Traduire du TypeScript au JavaScript

Le TypeScript n'est pas lisible sur un naviguateur il doit etre traduit en JavaScript pour ce faire on utilise la cmd suivante:

npx tsc src/app.ts --outdir dist

Afin de creer le fichier app.js qui lui sera lu.

tsconfig

Autre option, en créant un fichier tsconfig on peut pré définir la configuration du projet qui nous intéresse, entre autre le dossier dans lequel sera contenu app.js et la source du fichier app.ts, il suffit ensuite de lancer la cmd suivante:

npx tsc

ou pour automatiser l'action:

npx tsc --watch

Afin d'upate automatiquement le fichier app.js dés qu'une modification est effectué sur le fichier app.ts.

Toujours dans le fichier tsconfig on peut utiliser:

  • l'option 'target' pour cibler la version des navigateurs qui nous intéressent,

  • l'option 'noEmitOnError' qui va permettre de ne pas update le fichier app.js si une erreur est détecté dans app.ts

  • l'option 'strict' qui va permettre de mettre en place des versifications plus strict de la syntax ce qui limite les erreur possible mais qui est plus contraignant.

D'autres options pour le fichier tsconfig sont utilisable voir doc: https://www.typescriptlang.org/tsconfig