Tickleman's crafter.fr

Outils pour utilisateurs

Outils du site

Piste :
typescript

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
typescript [2020/09/11 18:47] – créée ticklemantypescript [2023/11/30 16:56] (Version actuelle) – tickleman
Ligne 1: Ligne 1:
 ===== Typescript ===== ===== Typescript =====
  
-==== Installer un environnement de développement ==== +  * [[Installer un environnement de développement nodejs]] 
- +  * [[Petites recettes Typescript]] 
-  * Télécharger et installer [[https://nodejs.org/fr|nodejs]] +  * [[Comparer les performances de plusieurs algorithmes]]
- +
-==== Créer un projet Typescript ==== +
- +
-=== Projet minimal === +
- +
-  * Initialiser le projet : +
- +
-<code bash> +
-mkdir project +
-cd project +
-npm init -y +
-npm install typescript --save-dev +
-npm install @types/node --save-dev +
-npx tsc --init --rootDir src --outDir build \ +
-  --esModuleInterop --resolveJsonModule --lib es6 \ +
-  --module commonjs --allowJs true --noImplicitAny true +
-</code> +
- +
-  * Minimiser le contenu de **tsconfig.json** qui peut se contenter de : +
- +
-<code json> +
-{ +
-  "compilerOptions": { +
-    "target": "es5", +
-    "module": "commonjs", +
-    "lib": ["es6"], +
-    "allowJs": true, +
-    "outDir": "build",                           +
-    "rootDir": "src", +
-    "strict": true, +
-    "noImplicitAny": true, +
-    "esModuleInterop": true, +
-    "resolveJsonModule": true +
-  } +
-} +
-</code> +
- +
-  * Créer le programme principal **src/main.ts** : +
- +
-<code js> +
-console.log('Hello, World!') +
-</code> +
- +
-== Compiler et exécuter le projet == +
- +
-<code bash> +
-tsc +
-node build/main.js +
-</code> +
- +
-=== Projet avec scripts npm === +
- +
-  * Configure des fonctions génériques de compilation, développement, mise en production :\\ +
-Modifier packages.json avec un éditeur de texte pour y ajouter cette section : +
- +
-<code json> +
-  "scripts": { +
-    "build": "tsc", +
-    "prod":  "tsc && node ./build/app.js" +
-  } +
-</code> +
- +
-== Compiler et exécuter le projet == +
- +
-<code bash> +
-npm run build +
-npm run run +
-</code> +
- +
-=== Recompilation temps-réel prendant le développement === +
- +
-  * Installer les outils nécessaires +
-<code bash> +
-npm install --save-dev ts-node nodemon +
-</code> +
- +
-  * Configurer le fichier nodemon +
-<code json> +
-{ +
-  "watch": ["src"], +
-  "ext": ".ts,.js", +
-  "ignore": [], +
-  "exec": "ts-node src/main.ts" +
-} +
-</code> +
- +
-  * Ajouter le script npm **dev** dans la section **"scripts"** du fichier **packages.json** : +
-<code json> +
-  "scripts": { +
-    "build": "tsc", +
-    "dev": "nodemon", +
-    "run": "tsc && node ./build/main.js" +
-  } +
-</code> +
- +
-== Compiler, exécuter, recompiler automatiquement à chaque modification des sources == +
- +
-<code bash> +
-npm run dev +
-</code> +
- +
-===== Sources ===== +
- +
-  * https://khalilstemmler.com/blogs/typescript/node-starter-project+
  
typescript.1599842859.txt.gz · Dernière modification : 2020/09/11 18:47 de tickleman