Come installare TypeScript: guida passo passo

TypeScript è un linguaggio di programmazione popolare che si basa su JavaScript aggiungendo tipi statici. Installare TypeScript è un processo semplice e questa guida ti guiderà attraverso i passaggi per configurarlo sulla tua macchina.

Prerequisiti

Prima di installare TypeScript, assicurati di aver installato Node.js e npm (Node Package Manager). Node.js fornisce l'ambiente di runtime per l'esecuzione di JavaScript e TypeScript, mentre npm è utilizzato per gestire pacchetti e dipendenze.

• Scarica e installa Node.js che include npm.
• Verificare l'installazione eseguendo i seguenti comandi nel terminale:

node -v
npm -v

Se questi comandi restituiscono numeri di versione, sei pronto per installare TypeScript.

Installazione di TypeScript

TypeScript può essere installato globalmente sul tuo sistema o localmente all'interno di un progetto specifico. Parleremo di entrambi i metodi:

Installazione globale

L'installazione globale di TypeScript consente di utilizzare il compilatore TypeScript (`tsc`) da qualsiasi punto del sistema.

1. Apri il terminale o il prompt dei comandi.
2. Eseguire il seguente comando per installare TypeScript a livello globale:

npm install -g typescript

Questo comando scaricherà e installerà il pacchetto TypeScript globalmente. Puoi verificare l'installazione controllando la versione di TypeScript:

tsc -v

Installazione locale

L'installazione di TypeScript in locale è consigliata per le configurazioni specifiche del progetto. In questo modo, progetti diversi possono usare versioni diverse di TypeScript.

1. Accedi alla directory del tuo progetto tramite il terminale:

cd path/to/your/project

2. Eseguire il seguente comando per installare TypeScript in locale:

npm install typescript --save-dev

Dopo l'installazione, puoi utilizzare TypeScript aggiungendolo agli script del tuo progetto o utilizzando direttamente il comando `npx` per eseguire il compilatore TypeScript.

npx tsc -v

Configurazione di TypeScript

TypeScript richiede un file di configurazione (`tsconfig.json`) per specificare le opzioni del compilatore e le impostazioni del progetto. Puoi creare questo file manualmente o generarlo tramite la TypeScript CLI.

1. Per generare un file `tsconfig.json` predefinito, eseguire:

npx tsc --init

Questo comando crea un file `tsconfig.json` nella directory del tuo progetto con impostazioni predefinite. Puoi modificare questo file per personalizzare le opzioni del compilatore in base alle esigenze del tuo progetto.

Verifica dell'installazione

Per assicurarti che TypeScript sia installato correttamente, crea un semplice file TypeScript e compilalo:

1. Crea un nuovo file TypeScript denominato `hello.ts` con il seguente contenuto:

let message: string = "Hello, TypeScript!";
console.log(message);

2. Compilare il file TypeScript in JavaScript utilizzando il compilatore TypeScript:

npx tsc hello.ts

Questo genererà un file `hello.js` nella stessa directory. Esegui il file JavaScript compilato usando Node.js:

node hello.js

Sulla console dovresti vedere stampato il messaggio "Hello, TypeScript!".

Conclusione

L'installazione di TypeScript è un processo semplice che prevede la configurazione di Node.js, l'installazione di TypeScript a livello globale o locale e la configurazione del progetto. Seguendo questi passaggi, TypeScript sarà attivo e funzionante, pronto a migliorare la tua esperienza di sviluppo con tipizzazione statica e funzionalità avanzate.