web:ts

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
web:ts [2025/02/11 02:12] – créée jcheronweb: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;gutter:false>
 { {
   "compilerOptions": {   "compilerOptions": {
Ligne 33: Ligne 33:
 } }
 </sxh> </sxh>
 +
 +  * **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**: Définit le dossier source (ex: src).
 +  * **esModuleInterop**: Active l'interopérabilité avec les modules CommonJS.
 +
 +==== Structuration ====
 +A créer :
 +
 +<sxh;gutter:false>
 +/mon-projet
 + ├── src/
 + │   ├── index.ts
 + │   ├── utils.ts
 + ├── dist/   (généré après compilation)
 + ├── tsconfig.json
 + ├── package.json
 + ├── node_modules/
 +</sxh>
 +
 +==== Test index.ts ====
 +
 +<sxh ts>
 +const greet = (name: string): string => {
 +    return `Bonjour, ${name}!`;
 +};
 +
 +console.log(greet("Alice"));
 +</sxh>
 +
 +==== Compilation ====
 +Le code **ts** est transpilé en **js**.
 +<sxh bash>
 +npx tsc
 +</sxh>
 +
 +==== Exécution ====
 +
 +<sxh bash>
 +node dist/index.js
 +</sxh>
 +
 +Pour une exécution directe, il faut installer ts-node :
 +
 +<sxh bash>
 +npm install --save-dev ts-node
 +</sxh>
 +
 +puis exécuter :
 +
 +<sxh bash>
 +npx ts-node src/index.ts
 +</sxh>
 +
 +===== Exercices =====
 +  * [[web:ts:exercices]]
 +
 +
 +
  
  
  • web/ts.1739236365.txt.gz
  • Dernière modification : il y a 2 mois
  • (modification externe)