Compilazione automatica su Risparmia il dattiloscritto in codice di Visual Studio

In questo Post potremo risolvere due problemi: 1) comando “TSC” non è riconosciuto nel codice terminale integrato VS, e 2) la compilazione non funziona automaticamente quando si salva il file “.TS” (Script di tipo).

Introduzione

Solo per contestualizzare, il Dattiloscritto consente di scrivere codice utilizzando una struttura fortemente tipizzata e avere questo codice compilato a puro JavaScript. Già il Codice di Visual Studio è un editor multipiattaforma creato da Microsoft.

// Versioni usate in questo Post:
- Visual Studio (VS) Codice: Versione 1.14.1
- Dattiloscritto: Versione 2.4.1

Questo è un suggerimento facile, ma si possono avere problemi se non sai quello che stai facendo: il mio caso :(D)

Installazione di node. js e dattiloscritto

Uno dei modi per installare il dattiloscritto è attraverso il package manager di node. js (NPM – Gestore di pacchetti di nodo), ma per usarlo, è innanzitutto necessario installare il Node. js.

Dopo l'installazione del nodo, Aprire il terminale (comando) ed eseguire il seguente comando per installare il dattiloscritto:

Installazione NPM -dattiloscritto di g

Il terminale di Windows (o Linux), fare un test del dattiloscritto controllando la versione installata. Il comando “TSC” è un acronimo per compilatore dattiloscritto.

TSC -v

Problema

Il problema è che il comando “TSC” ha funzionato normalmente in Windows terminal, ma non nel terminale integrato che viene fornito all'interno del codice di Visual Studio (Codice VS), visualizzare il seguente errore:

'tsc' non viene riconosciuto come un comando interno o esterno,operabile programma o un file batch file.

Inoltre, Non ho voglia di eseguire il comando “TSC” per ogni volta che ho voluto compilare un file “.TS” (estensione di dattiloscritto). Allora, Come la generazione automatica di salvare? (CTRL + S)? È che vedremo ulteriori.

Altri errori

Che cercano di risolvere questi problemi, Ho trovato il post dicendo di usare il compileOnSave, ma questo è supportato solo da Visual Studio 2015 con TypeScript > = 1.8.4 e atom-dattiloscritto plugin. IE, Non c'è nessun punto nel usando compileOnSave in “tsconfig. json” il codice di Visual Studio, il codice riportato di seguito non funzionerà:

{
   "compileOnSave": VERO,
   "compilerOptions": {
       "noImplicitAny" : VERO
   }
}

Soluzione

TSC nel VS integrato codice Terminal

In primo luogo, abbiamo risolto il problema di TSC non essere riconosciuto nel codice terminale Visual Studio integrato (Codice VS).

Alcuni Post consigliamo di inserire il percorso del tsc o npm in variabile di ambiente PATH, ma un modo semplice per risolvere questo problema stava facendo il installazione del “Dattiloscritto per Visual Studio, È compatibile con il codice di VS.

Ora sì, Dopo l'installazione, Apri Visual Studio integrato codice terminale, battitura a macchina:

// Tasto di scelta rapida per Visual Studio integrato codice terminale:
CTRL+`
// O utilizzare il Menu per aprire il terminale nel codice di Visual Studio:
Vista > Terminale integrato

Prova a controllare il Versione di dattiloscritto terminale integrato diretto vs codice (Non il terminal di Windows), e probabilmente dovrà lavorare:

TSC -v

Compilazione automatica quando si salva un file .TS

Il codice terminale stand VS nella directory degli script (.TS), Per esempio:

CD C:\wamp64wwwts

Creare il file tsconfig. json digitando nel terminale vs codice:

TSC --init

Si noti che un file “tsconfig. json” verrà creato in “C:\wamp64wwwts” (la directory corrente).

Aperto il tsconfig. json e attivare l'opzione “sourceMap”: VERO, e salvare la modifica, Così:

  "compilerOptions": {
    /* Opzioni di base */
    "target": "es5",                          /* Specificare la versione di destinazione di ECMAScript: 'Buffalo' (impostazione predefinita), 'ES5', 'ES2015', 'ES2016', 'ES2017', o 'ESNEXT'. */
    "module": "commonjs",                     /* Specificare la generazione di codice del modulo: 'commonjs', 'amd', 'sistema', 'umd', 'es2015', o 'ESNext'. */
    // "lib": [],                             /* Specificare il file di libreria per essere incluso nella compilation:  */
    // "allowJs": VERO,                       /* Consentire i file javascript deve essere compilato. */
    // "checkJs": VERO,                       /* Segnalare gli errori nel file. js. */
    // "jsx": "preserve",                     /* Specificare la generazione di codice JSX: 'preserve', 'reagire-native', o 'reagire'. */
    // "declaration": VERO,                   /* Genera corrispondente '. file dei TS. */
    "sourceMap": VERO,                     /* Genera file 'map' corrispondente. */
    // "outFile": "./",                       /* Concatenare e generare l'output in unico file. */
    // "outDir": "./",                        /* Reindirizzare la struttura di output nella directory. */
    // "rootDir": "./",                       /* Specificare la directory radice del file di input. Utilizzare per controllare la struttura di directory di uscita con..--outDir. */
    ... continua ...

Presto, Agora é só ir nessun terminale VS codice e digitar o comando:

TSC -w

Este comando fica monitorando (vendo ou, così “w” orologio de) un aplicação e qualquer alteração no arquivos .TS, Quando salvo, fará una em di costruire imediata .JS.

Questo è tutto!

Visite totali: 10439

Lasciare una risposta

L'indirizzo email non verrà pubblicato. Campi obbligatori sono contrassegnati con *