Come creare un nuovo progetto TypeScript vuoto

Abbiamo visto come compilare il nostro codice TypeScript per ottenere codice JavaScript funzionante; ora vedremo come creare un progetto TypeScript vuoto per specificare delle opzioni di compilazione valide in una data cartella e compilare automaticamente i file .ts in essa. 

Il compilatore TypeScript offre un semplice comando da lanciare in una cartella di lavoro per inizializzare un progetto TypeScript:

tsc --init

Questo comando non fa altro che creare un file tsconfig.json, un semplice file JSON dove potremo configurare le varie opzioni che vogliamo far valere nel nostro progetto TypeScript.

Ecco un esempio di tsconfig.json minimale, ripulito di tutti i commenti:

{
  "compilerOptions": {
    "target": "es2016",
    "module": "commonjs",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "skipLibCheck": true
  }
}

Ci sono moltissime opzioni come queste e sono tutte elencate qui; ci permetteranno, tra le altre cose, di impostare: 

• il target di compilazione (cioè la versione ECMAScript risultante), 
• il livello di rigore (strictness) da applicare sul type checking, 
• il tipo di modularizzazione del codice (sul discorso moduli ci torneremo più avanti). 

Vediamo come possiamo sfruttare tsc per lavorare in modo più fluido in un progetto TypeScript semplice. Anzitutto, lanciando tsc da una cartella in cui è presente un file tsconfig.json, non sarà più necessario specificare il/i file TypeScript da compilare: se non specificato diversamente, verranno compilati automaticamente tutti i file .ts presenti nella cartella (e sottocartelle). 

Ma possiamo fare di meglio. 

Una volta creata una cartella e inizializzato un nuovo progetto TypeScript, lanciamo:

tsc -w

Questo comando metterà tsc in watch mode, cioè in osservazione sulla cartella e sui file in essa contenuti; ad ogni modifica, il compilatore aggiornerà automaticamente il compilato, e noi potremo consultarlo e lanciarlo con Node più comodamente.