Automatikus fordítási a Mentés írógéppel a Visual Studio-kód

Ebben a post megoldjuk két probléma: 1) parancs “TSC” nem ismeri fel a VS integrált terminál kód, és 2) összeállításában nem működik automatikusan fájl mentésekor “.TS” (Parancsfájl típus).

Bevezetés

Csak hogy contextualize, o TypeScript lehetővé teszi, hogy írjon kódot egy erősen gépelt struktúra, és ezt a kódot le a tiszta JavaScript. Már a Visual Studio kód egy cross-platform kód szerkesztő által létrehozott Microsoft.

// Ebben a bejegyzésben használt verziók:
- Visual Studio, Új (Vs) Kód, Új: Változat 1.14.1
- Typescript, Újév: Változat 2.4.1

Ez egy könnyű tipp, de lehet, hogy problémái vannak, ha nem tudja, mit csinál: az én esetemben :(D)

Node.js és TypeScript telepítése

A TypeScript telepítésének egyik módja a Node.js csomagkezelő (Npm között – Csomópontcsomag-kezelő), de használni, először szükség van telepítse a Node.js.

A Csomópont telepítése után, nyissa ki a terminált (parancs, Új) és futtassa a következő parancsot a TypeScript telepítése:

npm telepítés -g gépírás

Még mindig a Windows terminál (vagy Linux), typescript-működési tesztet a telepített verzió ellenőrzésével. A parancs “TSC” a TypeScript Compiler rövidítése.

TSC -V

Probléma

A probléma az, hogy a parancs “TSC” megfelelően működött a Windows terminálon, de nem a Visual Studio kódba tartozó integrált terminálban (VS-kód), megjelenítés a következő hiba:

"tsc" nem ismeri fel a rendszer mint belső vagy külső parancs,működtethető program vagy köteg fájl.

ráadásul, Nem akartam futtatni a parancsot “TSC” minden alkalommal, amikor egy fájlt szeretne lefordítani “.TS” (kiterjesztés TypeScript hez). Então, mint mindig az automatikus összeállítás mentésekor (CTRL+S)? Ezt majd később meglátjuk..

E Outros erros

Keresi, hogy megoldja ezeket a problémákat, talált hozzászólások mondván, hogy használja a compileOnSave, de ezt csak a Visual Studio támogatja 2015 TypeScript <= 1.8.4 és atom-typescript plugin. IE, használata nem használható compileOnSave A(z) “tsconfig.json” a Visual Studio kódjáról, a kód alul akarat nem dolgozik:

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

Megoldás

TSC a kódba integrált terminálban

Először is oldjuk meg a problémát TSC nem ismerhető fel a Visual Studio Code integrált terminál (VS-kód).

Néhány Hozzászólás javasoljuk, hogy helyezze a tsc vagy npm útvonalat a PATH környezeti változóba, de egy egyszerű módja annak, hogy megoldja ezt a telepítése a “TypeScript a Visual Studio-hoz, amely kompatibilis a VS-kód, valamint.

Most igen, telepítés után, a Visual Studio Code beépített termináljának megnyitása, Gépelés:

// Gyorsbillentyű a visual studio kódintegrált terminálhoz:
Ctrl+`
// Vagy használja a Menüt a terminál megnyitásához a Visual Studio Code programban:
Megtekintés, Újév > Integrált terminál, új

Próbálja meg ellenőrizni a TypeScript-verzió közvetlenül az integrált VS Code terminálba (Nincs windows terminálban), és ez lesz talán működő:

TSC -V

Automatikus fordítás fájl mentésekor .TS

A VS Code terminálon keresztül helyezze magát a parancsfájlkönyvtárba (.TS), például:

C cd:\wamp64wwwts

A fájl létrehozása tsconfig.json gépelés a kódterminállal:

TSC --init

Ne feledje, hogy egy fájl “tsconfig.json” létrejön a “(C):\wamp64wwwts” (aktuális könyvtár).

Nyissa meg a tsconfig.json és lehetővé teszi a lehetőséget “sourceMap”: igaz, és mentse a módosítást, Így:

  "compilerOptions": {
    /* Alapbeállítások */
    "target": "es5",                          /* ECMAScript célverzió megadása: "ES3" (alapértelmezett), "ES5", "ES2015", "ES2016", "ES2017", vagy "ESNEXT". */
    "module": "commonjs",                     /* Modulkód létrehozásának megadása: "commonjs", "AMD", "rendszer", "umd", "es2015", vagy "ESNext". */
    // "lib": [],                             /* A fordításban szerepeltetni kívánt könyvtárfájlok megadása:  */
    // "allowJs": igaz,                       /* Javascript-fájlok fordításának engedélyezése. */
    // "checkJs": igaz,                       /* Hibák jelentése a .js fájlokban. */
    // "jsx": "preserve",                     /* JSX-kód létrehozásának megadása: "megőrzés", "reszant-natív", vagy "reagál". */
    // "declaration": igaz,                   /* Megfelelő '.d.ts' fájl létrehozása. */
    "sourceMap": igaz,                     /* Megfelelő ".map" fájl létrehozása. */
    // "outFile": "./",                       /* Kimenet összefűzése és kibocsátása egyetlen fájlba. */
    // "outDir": "./",                        /* Kimeneti struktúra átirányítása a könyvtárba. */
    // "rootDir": "./",                       /* A bemeneti fájlok gyökérkönyvtárának megadása. A kimeneti könyvtárszerkezet vezérlésére használható a --outDir segítségével. */
    ... továbbra is ...

Pronto, agora é só ir no terminal do VS Code e digitar o comando:

TSC -W

Este comando fica monitorando (ou vendo, por isso “W” de néz) a aplicação e qualquer alteração nem arquivos .TS, quando salvo között, az azonnali összeállítást .Js.

Ennyi volt.!

Találatok száma: 10612

hagyj válaszüzenetet

Az e-mail címét nem publikus. A kötelezően kitöltendő mezők jelölése *