TypeScript je nadmnožina JavaScriptu vyvinutá na vytváranie bezpečnejších aplikácií vo veľkom meradle. Do jazyka pridáva voliteľné statické písanie, čo uľahčuje zisťovanie chýb pred kompiláciou.
Jazyk tiež zavádza niektoré funkcie, ktoré v JavaScripte neexistujú. Patria sem generiká, triedy, rozhrania, enumy a dekorátory.
Naučte sa, ako nastaviť svoj prvý projekt TypeScript od začiatku v niekoľkých krokoch.
Krok 1: Inštalácia TypeScript
Pred použitím TypeScript na vašom systéme musíte kompilátor TypeScript nainštalovať globálne.
Ak chcete globálne nainštalovať TypeScript, spustite nasledujúci príkaz:
npm Inštalácia -g strojopis
Krok 2: Nastavenie vášho projektu
Ak chcete nastaviť projekt TypeScript, začnite vytvorením prázdneho adresára projektu akékoľvek IDE podľa vášho výberu.
Potom vytvorte súbory pomocou .ts rozšírenie súboru. TypeScript sa nedá spustiť v žiadnom prostredí. Preto musí byť pred spustením skompilovaný do JavaScriptu.
Ak chcete skompilovať súbory TypeScript do JavaScriptu, prejdite do adresára projektu na vašom termináli. Potom bežte
tsc za ktorým nasleduje názov vášho súboru TypeScript.Napríklad:
tscindex.ts
Tento príkaz vytvorí súbor index.js súbor v rovnakom adresári ako váš index.ts súbor sa nachádza.
Toto správanie môže byť nežiaduce, pretože by sťažilo správu vášho projektu s viacerými .js a .ts súbory v rovnakom adresári.
Toto predvolené správanie zmeníte a zmeníte správanie vášho kompilátora TypeScript pomocou príkazu tsconfig.json súbor.
Spustite nasledujúci príkaz vo svojom termináli a vytvorte a tsconfig.json súbor vo vašom projekte:
tsc --init
Tým sa vygeneruje súbor obsahujúci všetky konfiguračné nastavenia pre váš kompilátor TypeScript.
Pokryjete tu iba základy potrebné na spustenie projektu, ale môžete sa o ňom dozvedieť viac dokumentáciu TypeScript tsconfig.
Krok 3: Nastavenie kompilátora TypeScript pre lepší pracovný tok
The tsconfig.json obsahuje konfiguračné možnosti pre kompilátor TypeScript rozdelené do siedmich sekcií:
- projekty
- Jazyk a prostredie
- Moduly
- Podpora JavaScriptu
- Emitovať
- Obmedzenia spolupráce
- Typová kontrola
- Úplnosť
Väčšina vlastností je predvolene zakázaná (sú zakomentované). Môžete ich aktivovať a upraviť zrušením komentára.
Tu sú kroky, ktoré musíte vykonať, ak chcete zmeniť umiestnenie vygenerovaných súborov JavaScript:
- OTVORENÉ tsconfig.json a nájdite emitovať oddiele.
- V emitovať sekciu, zrušte komentár outDir vlastnosť a zadajte adresár, do ktorého chcete uložiť kompilovaný súbor .ts súbory. Teraz kedykoľvek bežíte tsc, váš .js súbory budú v určenom priečinku.
Beh tsc za názvom súboru, ktorý chcete skompilovať, nie je optimálne pre váš pracovný postup, najmä ak potrebujete skompilovať viacero súborov.
Na vyriešenie tohto problému poskytuje kompilátor TypeScript vlastnosť, ktorá mu umožňuje skompilovať všetky súbory v adresári v jednom príkaze.
Na nastavenie postupujte podľa týchto krokov:
- OTVORENÉ tsconfig.json a nájdite modulov oddiele.
- V modulov sekciu, zrušte komentár rootDir majetok resp rootDirs (ak chcete, aby kompilátor skompiloval viac .ts do adresárov .js) a zadajte adresár (adresáre) súboru.
Vďaka týmto nastaveniam bude váš pracovný postup lepší a vaše súbory sa budú ľahšie udržiavať.
Výhody TypeScriptu
Hlavnou výhodou TypeScriptu oproti JavaScriptu je jeho typová bezpečnosť. TypeScript umožňuje rýchlo odhaliť ťažko nájdené chyby. Táto funkcia ho robí ideálnym na vytváranie bezpečných a rozsiahlych aplikácií.