Différences
Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédente | ||
web:ts [2025/02/11 02:12] – créée jcheron | web:ts [2025/08/12 02:35] (Version actuelle) – modification externe 127.0.0.1 | ||
---|---|---|---|
Ligne 21: | Ligne 21: | ||
Un fichier tsconfig.json est créé : | Un fichier tsconfig.json est créé : | ||
- | <sxh js> | + | <sxh js; |
{ | { | ||
" | " | ||
Ligne 33: | Ligne 33: | ||
} | } | ||
</ | </ | ||
+ | |||
+ | * **target**: Spécifie la version ECMAScript de sortie. | ||
+ | * **module**: Définit le système de modules (CommonJS pour Node.js, ESNext pour les modules modernes). | ||
+ | * **strict**: Active les vérifications strictes. | ||
+ | * **outDir**: Indique où compiler les fichiers .ts (ex: dist). | ||
+ | * **rootDir**: | ||
+ | * **esModuleInterop**: | ||
+ | |||
+ | ==== Structuration ==== | ||
+ | A créer : | ||
+ | |||
+ | < | ||
+ | /mon-projet | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | </ | ||
+ | |||
+ | ==== Test index.ts ==== | ||
+ | |||
+ | <sxh ts> | ||
+ | const greet = (name: string): string => { | ||
+ | return `Bonjour, ${name}!`; | ||
+ | }; | ||
+ | |||
+ | console.log(greet(" | ||
+ | </ | ||
+ | |||
+ | ==== Compilation ==== | ||
+ | Le code **ts** est transpilé en **js**. | ||
+ | <sxh bash> | ||
+ | npx tsc | ||
+ | </ | ||
+ | |||
+ | ==== Exécution ==== | ||
+ | |||
+ | <sxh bash> | ||
+ | node dist/ | ||
+ | </ | ||
+ | |||
+ | Pour une exécution directe, il faut installer ts-node : | ||
+ | |||
+ | <sxh bash> | ||
+ | npm install --save-dev ts-node | ||
+ | </ | ||
+ | |||
+ | puis exécuter : | ||
+ | |||
+ | <sxh bash> | ||
+ | npx ts-node src/ | ||
+ | </ | ||
+ | |||
+ | ===== Exercices ===== | ||
+ | * [[web: | ||
+ | |||
+ | |||
+ | |||