web:ts

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
web:ts [2025/02/11 02:32] – [Création de projet] 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 34: Ligne 34:
 </sxh> </sxh>
  
-  **target**: Spécifie la version ECMAScript de sortie. +  **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). +  **module**: Définit le système de modules (CommonJS pour Node.js, ESNext pour les modules modernes). 
-  **strict**: Active les vérifications strictes. +  **strict**: Active les vérifications strictes. 
-  **outDir**: Indique où compiler les fichiers .ts (ex: dist). +  **outDir**: Indique où compiler les fichiers .ts (ex: dist). 
-  **rootDir**: Définit le dossier source (ex: src). +  **rootDir**: Définit le dossier source (ex: src). 
-  **esModuleInterop**: Active l'interopérabilité avec les modules CommonJS.+  **esModuleInterop**: Active l'interopérabilité avec les modules CommonJS.
  
 ==== Structuration ==== ==== Structuration ====
 A créer : A créer :
  
-<sxh>+<sxh;gutter:false>
 /mon-projet /mon-projet
  ├── src/  ├── src/
Ligne 54: Ligne 54:
  ├── node_modules/  ├── node_modules/
 </sxh> </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.1739237525.txt.gz
  • Dernière modification : il y a 2 mois
  • (modification externe)