Automatsko kompiliranje na spasiti rukopis u Visual Studio kod

U ovaj Post smo riješiti dva problema: 1) naredba “TSC” nije prepoznat u VS integrirani terminala kod, i 2) kompajlirajući ne radi automatski prilikom spremanja datoteke “.TS” (Vrsta skripte).

Uvod

Samo da kontekstualiziram, na TypeScript (Opis vrste) omogućuje pisanje koda pomoću čvrsto upisane strukture i da se ovaj kod sastavi za čisti JavaScript. Već je Kod vizualnog studija je uređivač koda na više platformi koji je stvorio Microsoft.

// Verzije koje se koriste u ovom postu:
- Visual Studio, Novi (Vs) Kod, novi: Verzija 1.14.1
- Typescript, Nova godina: Verzija 2.4.1

To je lak savjet., ali možda ćete imati problema ako ne znate što radite: moj slučaj :(D)

Instalacijski čvor.js i TypeScript

Jedan od načina za instalaciju TypeScript je kroz Node.js upravitelj paketa (Npm (npm) – Upravitelj paketa čvorova), ali da biste ga koristili, prvo vam je potrebno instalirati Node.js.

Nakon instalacije čvora, otvorite terminal (naredba) i pokrenite sljedeću naredbu za instaliraj TypeScript:

npm instalirati -g typescript

Još uvijek kod terminala sustava Windows (ili Linux), poduzeti TypeScript operativni test provjerom instalirane verzije. Naredba “TSC” je skraćenica za TypeScript Prevodilac.

TSC -V

Problem

Problem je u tome što je naredba “TSC” normalno funkcionirala na terminalu sustava Windows, ali ne u integriranom terminalu koji dolazi unutar Visual Studio Code sama (VS kod), prikazuje sljedeću pogrešku:

"tsc" nije prepoznat na unutarnja ili vanjska naredba,operabilni program ili serija Datoteku.

Osim toga, ja nije' ištanje to trčanje naredba “TSC” za svaki put kada ste htjeli sastaviti datoteku “.TS” (proširenje za TypeScript). Tako, kao i uvijek automatska kompilacija prilikom spremanja (CTRL + S)? To ćemo vidjeti kasnije..

Završetke erros

U potrazi za rješavanjem tih problema, postaviti Pošta kazivanje korištenje compileOnSave, ali to podržava samo Visual Studio 2015 sa TypeScript >= 1.8.4 i atom-typescript čep. IE, nema koristi od compileOnSave In “Poslodavac: tsconfig.json” iz Visual Studio Code, kod ispod neće funkcionirati:

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

Rješenje

TSC u vs kod integrirani terminal

Prvo ćemo riješiti problem TSC ne smije se prepoznati u integriranom terminalu visual studio koda (VS kod).

Neki Postove predlaže postavljanje puta tsc ili npm u varijablu okruženja PATH, ali jednostavan način za rješavanje je bio događaj ugradnja “TypeScript za Visual Studio, koji je kompatibilan za VS kod, kao i.

Sada da, nakon instalacije, otvaranje integriranog terminala visual studio koda, Tipkanje:

// Hotkey za integrirani terminal koda vizualnog studija:
Ctrl+`
// Ili pomoću izbornika otvorite terminal u visual studio kodu:
Pogled, Nova godina > Integrirani terminal, novi

Pokušajte provjeriti Verzija TypeScripta izravno u integrirani vs kodni terminal (Nije u windows terminalu), i to će vjerojatno biti rad:

TSC -V

Automatska kompilacija prilikom spremanja datoteke .TS

Kroz VS kod terminala, položaj sebe u svoj direktorij skripte (.TS), na primjer:

CD C:\wamp64 \ www \ ts

Stvaranje datoteke Poslodavac: tsconfig.json upisivanjem u vs kod terminala:

TSC --init

Imajte na umu da je datoteka “Poslodavac: tsconfig.json” stvorit će se u “(C):\wamp64 \ www \ ts” (trenutni direktorij).

Otvorite prozor Poslodavac: tsconfig.json i omogućite opciju “izvormapa”: Istina, i spremite izmjenu, tako da se tako ponaša.:

  "compilerOptions": {
    /* Osnovne mogućnosti */
    "target": "es5",                          /* Određivanje ciljne verzije ECMAScripta: "ES3" (zadani), "ES5", "ES2015", "ES2016", "ES2017", ili "ESNEXT". */
    "module": "commonjs",                     /* Određivanje generiranja koda modula: "commonjs", "AMD", "sustav", "umd", "es2015", ili "ESNext". */
    // "lib": [],                             /* Određivanje datoteka biblioteke koje će se uključiti u kompilaciju:  */
    // "allowJs": Istina,                       /* Dopusti sastavljanje JavaScript datoteka. */
    // "checkJs": Istina,                       /* Prijavite pogreške u .js datotekama. */
    // "jsx": "preserve",                     /* Određivanje generiranja JSX koda: "očuvanje", "nati., ili "reagirati". */
    // "declaration": Istina,                   /* Generira odgovarajuću datoteku '.d.ts'. */
    "sourceMap": Istina,                     /* Generira odgovarajuću datoteku '.map'. */
    // "outFile": "./",                       /* Spojite i emitirajte izlaz s jednom datotekom. */
    // "outDir": "./",                        /* Preusmjeravanje izlazne strukture u direktorij. */
    // "rootDir": "./",                       /* Određivanje korijenskog direktorija ulaznih datoteka. Koristi se za kontrolu strukture izlaznog direktorija s --outDir. */
    ... Continua ...

Spreman, agora e ije nijedan koji čini međunapad obaviti VS Kod e digitar o comando:

TSC -W

Este comando fica monitorando (ou vendo, tako “W” de sat) aplicação e qualquer alteração no arquivos .TS, (Zagreb), će odmah kompilaciju u .Js.

To je to!

Ukupno pogodaka: 10612

ostavi odgovor

Na vašu e-mail adresu će biti objavljen. Obavezna polja označena su sa *