Tickleman's crafter.fr

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
===== Installer un environnement de développement nodejs =====

==== Télécharger et installer nodejs =====

  * [[https://nodejs.org/fr|nodejs]]

==== 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": "npm run run"
}
</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