TypeScript Installazione e configurazione


Esempio

sfondo

TypeScript è un superset tipizzato di JavaScript che viene compilato direttamente nel codice JavaScript. I file TypeScript comunemente usano l'estensione .ts . Molti IDE supportano TypeScript senza altre impostazioni richieste, ma TypeScript può anche essere compilato con il pacchetto Node.JS di TypeScript dalla riga di comando.

IDE

Visual Studio

Codice di Visual Studio

  • Codice di Visual Studio (vscode) fornisce il completamento automatico contestuale e strumenti di refactoring e debug per TypeScript. vscode è esso stesso implementato in TypeScript. Disponibile per Mac OS X, Windows e Linux.

WebStorm

  • WebStorm 2016.2 viene fornito con TypeScript e un compilatore incorporato. [Webstorm non è gratuito]

IntelliJ IDEA

  • IntelliJ IDEA 2016.2 ha il supporto per Typescript e un compilatore tramite un plugin gestito dal team Jetbrains. [IntelliJ non è gratuito]

Atom & atom-typescript

Testo sublime

Installazione dell'interfaccia della riga di comando

Installa Node.js

Installa il pacchetto npm a livello globale

Puoi installare TypeScript a livello globale per avere accesso ad esso da qualsiasi directory.

npm install -g typescript

o

Installa il pacchetto npm localmente

È possibile installare localmente TypeScript e salvare in package.json per limitare a una directory.

npm install typescript --save-dev

Canali di installazione

È possibile installare da:

  • Canale stabile: npm install typescript
  • Canale Beta: npm install typescript@beta
  • Dev channel: npm install typescript@next

Compilazione del codice TypeScript

Il comando di compilazione tsc viene fornito con typescript , che può essere utilizzato per compilare il codice.

tsc my-code.ts

Questo crea un file my-code.js .

Compilare usando tsconfig.json

Puoi anche fornire opzioni di compilazione che viaggiano con il tuo codice tramite un file tsconfig.json . Per avviare un nuovo progetto TypeScript, inserire cd nella directory root del progetto in una finestra di terminale ed eseguire tsc --init . Questo comando genererà un file tsconfig.json con opzioni di configurazione minime, simili a quelle di seguito.

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false,
        "pretty": true
    },
    "exclude": [
        "node_modules"
    ]
}

Con un file tsconfig.json inserito nella radice del progetto TypeScript, è possibile utilizzare il comando tsc per eseguire la compilation.