Automatická kompilace na Uložit stroji v Visual Studio Code

V této Post budeme řešit dva problémy: 1) příkaz “TSC” není rozpoznán ve VS integrovaného terminálu kódu, a 2) kompilace funguje automaticky při ukládání souboru “.TS” (Typ skriptu).

Úvod

Jen proto, aby přizpůsobila, v Psacím stroji umožňuje psaní kódu pomocí silně typovaných struktury a tento kompilovaný kód do čistého JavaScriptu. Již Visual Studio Code je multiplatformní editor vytvořené společností Microsoft.

// Verze používané v tomto příspěvku:
- Visual Studio (VS) Kód: verze 1.14.1
- Psacím stroji: verze 2.4.1

To je snadný tip, ale může mít problémy, Pokud nevíte, co děláte: můj případ :(D)

Instalace Node.js a stroji

Jedním ze způsobů, jak nainstalovat stroji je prostřednictvím Správce balíčků Node.js (NPM – Správce balíčků uzel), ale ji používat, je třeba nejprve Nainstalujte Node.js.

Po instalaci uzel, Otevřít terminál (příkaz) a spusťte následující příkaz Nainstalujte stroji:

NPM install -g stroji

Windows terminal (nebo Linux), Proveďte zkušební provoz stroji kontrolou nainstalovaná verze. Příkaz “TSC” je zkratka pro kompilátor TypeScript.

TSC -v

Problém

Problém je, že příkaz “TSC” normálně fungoval v systému Windows terminal, ale ne v integrovaného terminálu, přichází uvnitř Visual Studio Code (Kód VS), zobrazuje následující chybová zpráva:

"tsc" není rozpoznán v vnitřní nebo vnější příkaz,spustitelného programu nebo dávkového souboru soubor.

Navíc, Nechtěl jsem se spustit příkaz “TSC” pokaždé, když jsem chtěl sestavit soubor “.TS” (rozšíření předtištěných). Tak, Jak provést automatické sestavení zachránit (CTRL + S)? Je, že se dočkáme další.

Outros erros

Usilující o vyřešení těchto problémů, Našel jsem příspěvky, že k použití compileOnSave, ale to je podporována pouze v aplikaci Visual Studio 2015 s psacím stroji video = 1.8.4 a atom stroji plugin. IE, Neexistuje žádný smysl použití compileOnSave v “json tsconfig.” Visual Studio Code, Následující kód nebude fungovat:

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

Řešení

TSC ve VS integrovaný terminál kód

Za prvé jsme vyřešit problém TSC není rozpoznán v terminálu kódu Visual Studio integrované (Kód VS).

Některé Příspěvky navrhnout do proměnné prostředí PATH cestu tsc nebo npm, snadný způsob, jak vyřešit to dělal, ale instalace “Stroji pro Visual Studio, Je kompatibilní pro VS Code.

Teď ano, Po instalaci, Otevřít Visual Studio integrovaný terminál kód, psaní:

// Klávesová zkratka pro Visual Studio integrovaný terminál kód:
CTRL+`
// Nebo můžete použít nabídku otevřít terminál v Visual Studio Code:
Pohled > Integrovaný terminál

Zkuste zkontrolovat Psacím stroji verze přímý VS. kód integrovaný terminál (Ne na Windows terminal), a budou pravděpodobně pracovat:

TSC -v

Automatická kompilace při ukládání souboru .TS

Terminál kód stát VS v adresáři script (.TS), například:

CD C:\wamp64wwwts

Vytvořit soubor json tsconfig. digitando žádný terminál VS kód:

TSC --init

Poznámka: que um Archív “json tsconfig.” será criado em “(C):\wamp64wwwts” (diretório corrente).

ABRA o json tsconfig. e habilite opção “zdrojového mapování”: pravda, e mast modificação, ficando Katerina:

  "compilerOptions": {
    /* Základní možnosti */
    "target": "es5",                          /* Zadejte cílovou verzi ECMAScript: "ES3" (výchozí), "ES5", "ES2015", "ES2016", "ES2017", nebo "ESNEXT". */
    "module": "commonjs",                     /* Určit modul generování kódu: "commonjs", "amd", "systém", "umd", "es2015", nebo "ESNext". */
    // "lib": [],                             /* Zadejte soubory knihoven mají být zahrnuty do kompilace:  */
    // "allowJs": pravda,                       /* Povolit javascript souborů vypracovávají. */
    // "checkJs": pravda,                       /* Hlásit chyby v souborech .js. */
    // "jsx": "preserve",                     /* Zadejte JSX generování kódu: "zachování", "reagovat nativní", "reagovat" nebo. */
    // "declaration": pravda,                   /* Generuje odpovídající '. d.ts' soubor. */
    "sourceMap": pravda,                     /* Generuje odpovídající '.map' soubor. */
    // "outFile": "./",                       /* Zřetězit a posílat výstup do jednoho souboru. */
    // "outDir": "./",                        /* Přesměrování výstupu strukturu do adresáře. */
    // "rootDir": "./",                       /* Zadejte kořenový adresář vstupních souborů. Slouží k ovládání výstupního adresáře struktury s outDir. */
    ... pokračuje ...

Připraven, Teď je prostě jít do Grand VS kódu a zadejte příkaz:

TSC -w

Tento příkaz je monitorování (nebo viz, Takže “w” hodinky) žádost a veškeré změny do souborů .TS, Při uložení, bude bezprostřední kompilace na .JS.

To je ono!

Celkový počet přístupů: 1117

Zanech odpověď

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *