automatiko compilation aurreztea máquina Visual Studio Kodean

Post honetan bi arazo konpondu ahal izango dugu,: 1) komandoa “TSC” Ez da terminal integratuko VS kodea aitortzen, e 2) compilation ez da automatikoki lan fitxategi aurrezteko “.ts” (Idatzi Script).

sarrera

Just to testuinguruan, du TypeScript kodea idatzi duzula biziki idatzitako egitura bat erabiltzen dute, eta kode hau Javascript hutsari konpilatu aukera ematen du. dagoeneko Visual Studio Kodea plataforma-kodea editore Microsoft sortu da.

// Post honetan erabilitako bertsioak:
- Visual Studio (VS) kodea: Bertsio 1.14.1
- máquina: Bertsio 2.4.1

Hau punta erraz bat da, baina arazoak izan ditzake, ez baduzu, badakizu zer egiten ari zaren: nire kasuan :D

Node.js eta máquina instalazioan

instalatu modu bat Node.js pakete kudeatzailearen bidez máquina da (asl – Nodoa pakete kudeatzailea), baina erabili, lehenik instalatu edo Node.js.

Nodoa instalatu ondoren, ireki edo terminal (komandoa) eta exekutatu honako komandoa instalatu edo TypeScript:

asl instalatu -g máquina

Windows Terminal arren (edo Linux), proba máquina run bat egin instalatutako bertsioaren egiaztapena. O komandoa “TSC” máquina Compiler akronimoa da.

TSC -v

arazoa

Arazoa komandoa dela “TSC” normalean funtzionatu Windows Terminal It, baina ez in the terminal integratuko Visual Studio Kodea berez datozen (VS kodea), honako errorea bistaratzen:

'TSC' ez da ezagutzen gisa barruko nahiz kanpoko komando bat,operable programa edo batch fitxategia.

gainera, Ez nuen nahi komandoa exekutatu “TSC” Garai bakoitzean fitxategi batean biltzea nahi nuen “.ts” (máquina luzapena). gero, beti bezala egin compilation automatikoki aurreztea (CTRL + S)? Hau da, zer ikusiko dugun.

beste huts

arazo horiek aurre egiteko, Mezuak erabiltzen dut esaten aurkitu compileOnSave, baina hori bakarrik Visual Studio onartzen 2015 com TypeScript> = 1.8.4 e-atomo-máquina plugina. bestela esanda, aprobetxa no compileOnSave no “tsconfig.json” egiten Visual Studio Kodea, Beheko kodea ez du funtzionatuko:

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

konponbidea

TSC integratua Terminal VS Kodean

Lehen arazoa konpondu dugu TSC ez da Visual Studio Kodearen terminal integratuko aitortzen (VS kodea).

batzuk Mezuak TSK edo NPM bidea jarriz gomendatzen dute PATH inguruneko aldagaian, baina hau konpontzeko modu erraz bat egiten ari zen instalazioa “Visual Studio for TypeScript, hau da VS Kodea ere bateragarriak.

orain bai, instalazioa egin ondoren, Abra o terminal Integrado egin Visual Studio Kodea, Teclando:

// Visual Studio Kodearen terminal integratuko du laster-giltza:
CTRL+`
// Ou erabilera o Menu para abrir o terminal no Visual Studio Kodea:
ikusi > Integrated Terminal

Saiatu egiaztatzeko máquina bertsio zuzendu du integratuta terminal VS Kodea (Not Windows Terminal), eta ziurrenik lanean:

TSC -v

compilation automatikoak fitxategi bat aurreztea .ts

terminalean By VS Kodea zure script direktorioa posizioa da (.ts), adibidez:

cd C:\wamp64  www  ts

Sortu fitxategia tsconfig.json digitando no terminal VS Kodea:

TSC --init

Oharra fitxategi hori “tsconfig.json” Bertan sortuko da “C:\wamp64 www ts” (uneko direktorioa).

Ireki edo tsconfig.json eta aukera gaitu “sourceMap”: egia, eta aldaketa gorde, ondo lortzean:

  "compilerOptions": {
    /* Oinarrizko Aukerak */
    "target": "es5",                          /* Zehaztu ECMAScript helburu bertsioa: 'SS3' (lehenetsi), 'SS5', 'ES2015', 'ES2016', 'ES2017', edo 'ESNEXT'. */
    "module": "commonjs",                     /* Zehaztu moduluaren kodea belaunaldia: 'Commonjs', 'Amd', 'Sistema', 'UMD', 'Es2015', edo 'ESNext'. */
    // "lib": [],                             /* Zehaztu liburutegia fitxategiak bilketa sartuko:  */
    // "allowJs": egia,                       /* Onartu fitxategiak javascript konpilatu behar da. */
    // "checkJs": egia,                       /* Txostena Akatsak .js fitxategiak. */
    // "jsx": "preserve",                     /* Zehaztu JSX kodea belaunaldia: 'Zaintzeko', 'Erreakzionatzen bertakoak', edo 'erreakzionatzen'. */
    // "declaration": egia,                   /* dagokion '.d.ts' fitxategia sortzen. */
    "sourceMap": egia,                     /* dagokion 'Mapa' fitxategia sortzen. */
    // "outFile": "./",                       /* Kateatu eta igortzen fitxategi bakar irteera. */
    // "outDir": "./",                        /* Birzuzenketa irteera egitura direktorioaren. */
    // "rootDir": "./",                       /* Zehaztu erro sarrera fitxategi-direktorioa. Erabili irteera direktorioa --outDir egitura kontrolatzeko. */
    ... jarraitzen ...

laster, Orain terminalean VS Kodean joan besterik ez duzu, eta idatzi komandoa:

TSC -w

Komando honek jarraipenaren da (edo behaketa, hortaz “w” de zaintza) aplikazioa eta fitxategiak edozein aldaketa .ts, naizenean gorde, Izango berehalako compilation .js.

Hori da!

denera: 1118

Utzi erantzuna

Zure e-posta helbidea ez da argitaratuko. Beharrezko eremuak markatuta daude *