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: | ||
| + | |||
| + | |||
| + | |||