A TypeScript a JavaScript szuperkészlete, amelyet biztonságosabb, nagyszabású alkalmazások készítésére fejlesztettek ki. Opcionális statikus gépelést ad a nyelvhez, megkönnyítve a hibák észlelését a fordítás előtt.
A nyelv néhány olyan funkciót is bevezet, amelyek nem léteznek a JavaScriptben. Ide tartoznak a generikumok, osztályok, interfészek, enumok és dekorátorok.
Tanulja meg, hogyan állíthatja be első TypeScript-projektjét a semmiből, néhány lépésben.
1. lépés: A TypeScript telepítése
Használat előtt Gépelt rendszerén globálisan kell telepítenie a TypeScript fordítót.
Futtassa a következő parancsot a TypeScript globális telepítéséhez:
npm telepítés -g gépirat
2. lépés: A projekt beállítása
A TypeScript-projekt beállításához először hozzon létre egy üres projektkönyvtárat tetszőleges IDE.
Ezután hozza létre a fájlokat a .ts fájlkiterjesztés. A TypeScript nem futhat semmilyen környezetben. Így a futtatás előtt JavaScript-be kell fordítani.
A TypeScript-fájlok JavaScript-be fordításához navigáljon a terminál projektkönyvtárába. Aztán fuss tsc ezt követi a TypeScript fájl neve.
Például:
tscindex.ts
Ez a parancs létrehoz egy index.js fájlt ugyanabban a könyvtárban, mint te index.ts fájl található.
Ez a viselkedés nemkívánatos lehet, mivel megnehezítené a projekt kezelését több elemmel .js és .ts fájlokat ugyanabban a könyvtárban.
Módosíthatja ezt az alapértelmezett viselkedést, és módosíthatja a TypeScript-fordító viselkedését a tsconfig.json fájlt.
Futtassa a következő parancsot a terminálon az a tsconfig.json fájl a projektben:
tsc --benne
Ez létrehoz egy fájlt, amely tartalmazza a TypeScript-fordító összes konfigurációs beállítását.
Itt csak a projekt indításához szükséges alapokat ismerteti, de többet is megtudhat az útvonalról a TypeScript tsconfig dokumentációját.
3. lépés: A TypeScript fordító beállítása a jobb munkafolyamat érdekében
Az tsconfig.json fájl tartalmazza a TypeScript fordító konfigurációs beállításait hét részre osztva:
- Projektek
- Nyelv és környezet
- Modulok
- JavaScript támogatás
- Kibocsát
- Együttműködési korlátozások
- Típusellenőrzés
- Teljesség
A legtöbb tulajdonság alapértelmezés szerint le van tiltva (kivéve vannak megjegyzésekkel). A megjegyzések visszavonásával aktiválhatja és módosíthatja őket.
Az alábbi lépéseket kell követnie a generált JavaScript-fájlok helyének megváltoztatásához:
- Nyisd ki tsconfig.json és keresse meg a kibocsát szakasz.
- Ban,-ben kibocsát szakaszban törölje a megjegyzést a outDir tulajdonságot, és adja meg azt a könyvtárat, amelyben a lefordított fájlt tárolni szeretné .ts fájlokat. Most már bármikor futsz tsc, a te .js fájlok a megadott mappában lesznek.
Futó tsc és a lefordítani kívánt fájl neve nem optimális a munkafolyamathoz, különösen akkor, ha több fájlt kell lefordítania.
A probléma megoldására a TypeScript-fordító olyan tulajdonságot biztosít, amely lehetővé teszi, hogy egyetlen paranccsal lefordítsa a könyvtárban található összes fájlt.
Ennek beállításához kövesse az alábbi lépéseket:
- Nyisd ki tsconfig.json és keresse meg a modulok szakasz.
- Ban,-ben modulok szakaszban törölje a megjegyzést a rootDir ingatlan ill rootDirs (ha azt szeretné, hogy a fordító többször fordítson .ts könyvtárakba .js), és adja meg a fájlkönyvtár(oka)t.
Ezek a beállítások jobbá teszik a munkafolyamatot, és könnyebben karbantartják a fájlokat.
A TypeScript előnyei
A TypeScript fő előnye a JavaScripttel szemben a típusbiztonsága. A TypeScript lehetővé teszi a nehezen fellelhető hibák gyors észlelését. Ez a funkció ideálissá teszi biztonságos és nagyszabású alkalmazások építéséhez.
