Compila automat pe salvare redactat în Visual Studio cod

În acest Post am vor rezolva doua probleme: 1) comanda “TSC” nu este recunoscută în codul terminale integrat VS, şi 2) compilarea nu funcţionează automat la salvarea fişierului “.TS” (Tip Script).

Introducere

Doar pentru a contextualiza, The Mașina de scris vă permite să scrie cod folosind o structură tastat puternic şi au acest cod compilat pur JavaScript. Deja Codul Visual Studio este un editor de multiplatformă creat de Microsoft.

// Versiunile utilizate în acest Post:
- Visual Studio (VS) Cod: versiune 1.14.1
- Mașina de scris: versiune 2.4.1

Acesta este un sfat uşor, dar este posibil să aveţi probleme în cazul în care nu ştiţi ce faci: cazul meu :(D)

Node.js şi dactilografiat de instalare

Una dintre modalităţile de a instala script este prin managerul de pachete de Node.js (NPM – Managerul de pachete nod), dar să-l utilizaţi, trebuie mai întâi să instalaţi Node.js.

După instalarea nodul, Deschideţi terminal (comanda) şi executaţi următoarea comandă pentru a instalaţi mașina de scris:

A instala NPM -mașina de scris g

Terminalul de Windows (sau Linux), face un test a alerga de mașina de scris prin verificarea versiunea instalată. Comanda “TSC” este un acronim pentru mașina de scris compilator.

TSC -v

Problema

Problema este că comanda “TSC” a funcţionat în mod normal în Windows terminal, dar nu in Terminalul integrat care vine din interiorul codul Visual Studio (VS cod), afişarea următoarea eroare:

"tsc" nu este recunoscut ca un intern sau external virgulă,operabil program sau batch dosar fişier.

în plus, Nu am vrut să executaţi comanda “TSC” de fiecare dată am vrut să compilaţi un fişier “.TS” (extinderea la mașina de scris). Deci, Cum a construi automată pentru a salva? (CTRL + S)? Este că vom vedea în continuare.

Alte erori

Încercarea de a rezolva aceste probleme, Am găsit mesaje spune să utilizeze compileOnSave, dar acest lucru este acceptat doar de Visual Studio 2015 cu mașina de scris > = 1.8.4 şi atom-mașina plugin. IE, Nu există nici un punct în utilizarea compileOnSave în “json tsconfig.” Codul Visual Studio, codul de mai jos nu va funcţiona:

{
   "compileOnSave": adevărat,
   "compilerOptions": {
       "noImplicitAny" : adevărat
   }
}

Soluţie

TSC în VS integrate Terminal cod

În primul rând, vom rezolva problema TSC nu fi recunoscut în codul Visual Studio integrate terminale (VS cod).

Unele Mesaje sugerează pune calea tsc sau npm în variabila de mediu PATH, dar a fost o modalitate uşoară de a rezolva această instalarea de “Mașina de scris pentru Visual Studio, Este compatibil la codul VS.

Acum da, După instalare, Deschide Visual Studio integrate codul de terminale, tastarea:

// Tastă de comenzi rapide pentru Visual Studio integrate codul de terminale:
CTRL+`
// Sau utilizaţi meniul pentru a deschide terminal în Visual Studio cod:
Vezi > Terminal integrat

Încercaţi să verificaţi Redactat versiunea Terminalul integrat direct VS. cod (Nu pe Windows terminal), şi, probabil, va fi de lucru:

TSC -v

Compilatie automat la salvarea unui fişier .TS

Codul terminale sta VS în directorul script-ul (.TS), de exemplu:

CD C:\wamp64wwwts

Creaţi fişierul json tsconfig. digitando nu VS terminale cod:

TSC --init

Reţineţi que um Arhiva pentru “json tsconfig.” será criado em “(C):\wamp64wwwts” (diretório corrente).

Anton oana json tsconfig. e habilite o opção “sourceMap”: adevărat, salve e un modificação, ficando larisa:

  "compilerOptions": {
    /* Opţiuni de bază */
    "target": "es5",                          /* Specificați versiunea de ţintă ECMAScript: 'ES3' (în mod implicit), 'ES5', 'ES2015', 'ES2016', 'ES2017', sau 'ESNEXT'. */
    "module": "commonjs",                     /* Specificaţi modul cod generaţie: 'commonjs', "amd", 'sistem', 'umd', 'es2015', sau 'ESNext'. */
    // "lib": [],                             /* Specificaţi Biblioteca fişiere pentru a fi incluse în elaborarea:  */
    // "allowJs": adevărat,                       /* Permite javascript fişiere trebuie elaborate. */
    // "checkJs": adevărat,                       /* Raportul de erori în fişiere .js. */
    // "jsx": "preserve",                     /* Specificaţi generarea de cod JSX: 'conserva', 'reacţionează-nativ', sau "reacţiona". */
    // "declaration": adevărat,                   /* Generează corespunzătoare '. d.ts' dosar. */
    "sourceMap": adevărat,                     /* Generează corespunzătoare fişier '.map'. */
    // "outFile": "./",                       /* Înlănţui şi emit ieşire la singur fişier. */
    // "outDir": "./",                        /* Structura de ieşire redirect la directorul. */
    // "rootDir": "./",                       /* Specificaţi directorul rădăcină al fişierelor de intrare. Folosi pentru a controla ieşirea Director structura cu-outDir. */
    ... continuă ...

Gata, acum este doar du-te în Grand VS codul şi introduceţi comanda:

TSC -w

Această comandă este monitorizarea (sau consultaţi, astfel încât “w” Uita-te la) aplicare și orice modificări la fişierele .TS, Atunci când sunt salvate, va compilarea imediat pe .JS.

Asta e tot!

Total afisari: 1118

lasă un răspuns

Adresa ta de email nu va fi publicat. Câmpurile obligatorii sunt marcate cu *