Come Installare il compilatore Typescript

Per usare TypeScript per lo sviluppo in locale, dobbiamo anzitutto installare il suo compilatore. Il compilatore svolge i seguenti compiti:

• Convalidare formalmente la consistenza dei dati nel programma (static type checking) 
• Collegare i vari file che compongono la codebase (module linking o bundling) 
• Produrre il codice JavaScript che verrà effettivamente eseguito (compiling) 

Più precisamente il compilatore di TypeScript è detto transpiler, dal momento che non produce codice binario (o codice macchina), ma si limita a tradurre da un linguaggio di programmazione a un altro. 

In questa guida lo installeremo globalmente, in modo da poterlo lanciare da riga di comando. Anzitutto assicuriamoci di avere installato Node sulla nostra macchina: 

node -v

Se il comando ci restituisce la versione di Node (ad esempio, v18.13.0), possiamo procedere, altrimenti andiamo sul sito di Node e seguiamo le istruzioni per installarlo. 

Insieme a Node dovremmo avere installato NPM (Node Package Manager), possiamo controllare di averlo digitando in console:

npm -v

Notare che Node e NPM non seguono lo stesso versionamento, quindi non spaventiamoci se i due numeri di versione non corrispondono! 

Se NPM non dovesse risultare installato, possiamo seguire le istruzioni presenti sulla pagina GitHub del progetto. 

A questo punto, dovremmo essere pronti, quindi possiamo lanciare: 

npm install -g typescript

Da questo momento in poi, ci basterà lanciare tsc su un file con estensione .ts per avviarne la compilazione e ottenere un file JavaScript che potremo testare in Node oppure linkandolo come script in una pagina web. Più avanti in questa guida vedremo come farlo. 

Per completezza, va detto che esistono interpreti TypeScript che non richiedono una fase di compilazione; il più famoso è Deno, un’alternativa a Node. In questa guida non li prendiamo in considerazione perché sono ancora tecnologie relativamente sperimentali e non è a quelli che ci si riferisce quando si pensa normalmente a progetti sviluppati in TypeScript, che sono invece compilati a JavaScript. 

Un altro lavoro che il compilatore svolge per noi è quello di uniformare il compilato JavaScript; infatti, è possibile specificare quale versione di JavaScript vogliamo come target di compilazione, in base a quanto vogliamo andare indietro con la retrocompatiblità. In questo modo, ai benefici di TypeScript già elencati, si aggiunge la possibilità di supportare sintassi più moderne anche su browser obsoleti.