Automatické kompilácie na Uložiť strojopisom vo Visual Studio kód

V tejto Post budeme riešiť dva problémy: 1) príkaz “TSC” nie je uznané vo VS integrovaný terminálu kód, a 2) kompilácii nefunguje automaticky pri ukladaní súboru “.TS” (Typ skriptu).

Úvod

Len na zasadenie, na Strojom vám umožní písať kód pomocou silne napísaný štruktúry a mať tento skompilovaný kód čisté JavaScript. Už Visual Studio kód je multiplatformný editor vytvorený spoločnosťou Microsoft.

// Verzie používané v tejto funkcii:
- Visual Studio (VS) Kód: verzia 1.14.1
- Strojom: verzia 2.4.1

To je jednoduchý tip, ale môže mať problémy, ak neviete, čo robíte: môj prípad :(D)

Inštalácia node.js a strojom

Jedným zo spôsobov, ako nainštalovať strojom je pomocou správcu balíkov Node.js (NPM – Správca balíkov uzol), ale ju používať, Najprv musíte Inštalácia Node.js.

Po inštalácii uzol, Otvorte terminál (príkaz) a spustite nasledovný príkaz na Nainštalujte strojom:

Inštalácia NPM -g strojom

Windows terminal (alebo Linux), urobiť test spustiť záznam Kontrola nainštalovaná verzia. Príkaz “TSC” je skratka pre kompilátor strojom.

TSC -v

Problém

Problém je, že príkaz “TSC” normálne fungoval vo Windows terminal, ale nie v prepojená ktorý prichádza vo vnútri Visual Studio kód (VS kód), zobrazuje nasledujúca chyba:

"tsc" nie je rozpoznaný na vnútorné alebo vonkajšie príkaz,prevádzkyschopnom programu alebo dávkového súboru súbor.

okrem toho, Nechcel som spustiť príkaz “TSC” pre každý čas som chcel zostaviť súbor “.TS” (rozšírenie k strojom). Tak, Ako automatické stavať ušetriť? (CTRL + S)? Je, že budeme vidieť ďalšie.

E Outros erros

Hľadám riešenie týchto problémov, Som našiel príspevky hovorí používať compileOnSave, ale to je len podporované Visual Studio 2015 so strojom > = 1.8.4 a atom-strojom plugin. IE, Neexistuje žiadny bod, v pomocou compileOnSave v “json Tsconfig.” Kód programu Visual Studio, nižšie uvedený kód nefunguje:

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

Riešenie

TSC vs integrované terminál kód

Po prvé, môžeme vyriešiť problém TSC byť uznaná v kóde Visual Studio integrované terminálu (VS kód).

Niektoré Príspevky Odporúčame dať cestu tsc alebo npm v systémovej premennej PATH, ale jednoduchý spôsob, ako vyriešiť to robil Inštalácia “Strojom pre Visual Studio, Je kompatibilný s kódom VS.

Teraz áno, Po inštalácii, Otvorené Visual Studio je integrované terminálu kód, písanie:

// Klávesová skratka pre Visual Studio integrované terminálu kód:
KLÁVES CTRL+`
// Alebo použite Menu otvorte terminál v Visual Studio kód:
Zobrazenie > Prepojená.

Skúste skontrolovať Strojom verzia integrovaný terminál direct VS. kód (Nie na Windows terminal), a bude pravdepodobne pracovať:

TSC -v

Automatické zostavenie pri ukladaní súboru .TS

Terminál kód stáť VS v adresári skript (.TS), napríklad:

CD C:\wamp64wwwts

Vytvoriť súbor json Tsconfig. zadaním do terminálu VS. kód:

TSC --init

Poznámka: que um arquivo “json Tsconfig.” será criado em “(C):\wamp64wwwts” (diretório corrente).

ABRA o json Tsconfig. e habilite opção “sourceMap”: pravda, e masť modificação, Teda:

  "compilerOptions": {
    /* Základné možnosti */
    "target": "es5",                          /* Zadajte ECMAScript cieľová verzia: "ES3" (predvolené), "ES5", "ES2015", "ES2016", "ES2017", alebo "ESNEXT". */
    "module": "commonjs",                     /* Špecifikovať modul generovanie kódu: "commonjs", "amd", "systému", "umd", "es2015", alebo "ESNext". */
    // "lib": [],                             /* Určenie knižnica súborov do kompilácie:  */
    // "allowJs": pravda,                       /* Povoliť javascript súbory zostavujú. */
    // "checkJs": pravda,                       /* Hlásiť chyby v súbory .js. */
    // "jsx": "preserve",                     /* Zadajte JSX generovanie kódu: "konzervácia", "reagujú-native", alebo "reagovať". */
    // "declaration": pravda,                   /* Generuje zodpovedajúce ". d.ts' súbor. */
    "sourceMap": pravda,                     /* Generuje zodpovedajúce ".map súbor. */
    // "outFile": "./",                       /* Zreťazenie a vyžarujú výstup do jedného súboru. */
    // "outDir": "./",                        /* Presmerovať výstup štruktúry adresára. */
    // "rootDir": "./",                       /* Zadajte koreňovom adresári vstupných súborov. Použite na ovládanie výstupného adresára štruktúry s-outDir. */
    ... pokračuje ...

Pripravený, Teraz je len ísť do Grand VS kód a zadajte príkaz:

TSC -w

Tento príkaz je sledovanie (alebo si pozrite, Takže “w” hodinky) žiadosť a akékoľvek zmeny v súboroch .TS, Pri uložení, bude okamžitý kompilácie na .JS.

To je všetko!

Celkový počet návštev: 10612

nechať odpoveď

E-mailová adresa nebude zverejnený. Povinné polia sú označené *