TypeScript je nadnabor JavaScripta, razvit za izdelavo varnejših obsežnih aplikacij. Jeziku doda neobvezno statično tipkanje, kar olajša odkrivanje napak pred prevajanjem.
Jezik uvaja tudi nekatere funkcije, ki ne obstajajo v JavaScriptu. Ti vključujejo generike, razrede, vmesnike, enume in dekoratorje.
Naučite se nastaviti svoj prvi projekt TypeScript iz nič v le nekaj korakih.
1. korak: Namestitev TypeScripta
Pred uporabo TypeScript v vašem sistemu morate prevajalnik TypeScript namestiti globalno.
Za globalno namestitev TypeScript zaženite naslednji ukaz:
npm namestite -g tipkopis
2. korak: Nastavitev vašega projekta
Če želite nastaviti svoj projekt TypeScript, začnite z ustvarjanjem praznega imenika projekta v kateri koli IDE po vaši izbiri.
Nato ustvarite datoteke z .ts razširitev datoteke. TypeScript ne more delovati v nobenem okolju. Zato ga je treba pred izvajanjem prevesti v JavaScript.
Če želite svoje datoteke TypeScript prevesti v JavaScript, se na terminalu pomaknite do imenika projekta. Potem teci tsc ki mu sledi ime vaše datoteke TypeScript.
Na primer:
tsckazalo.ts
Ta ukaz bo ustvaril index.js datoteko znotraj istega imenika vašega index.ts datoteka prebiva.
To vedenje je morda nezaželeno, saj bi vaš projekt težko upravljal z več .js in .ts datotek v istem imeniku.
Spremenite to privzeto vedenje in spremenite vedenje vašega prevajalnika TypeScript z uporabo tsconfig.json mapa.
Zaženite naslednji ukaz v vašem terminalu, da ustvarite a tsconfig.json datoteka v vašem projektu:
tsc --v
To ustvari datoteko, ki vsebuje vse konfiguracijske nastavitve za vaš prevajalnik TypeScript.
Tukaj boste pokrivali le osnove, ki so potrebne za začetek vašega projekta, vendar lahko izveste več o tem dokumentacijo TypeScript tsconfig.
3. korak: Nastavitev prevajalnika TypeScript za boljši potek dela
The tsconfig.json vsebuje konfiguracijske možnosti za prevajalnik TypeScript, razdeljen na sedem razdelkov:
- Projekti
- Jezik in okolje
- Moduli
- Podpora za JavaScript
- Oddajati
- Interop omejitve
- Preverjanje tipa
- Popolnost
Večina lastnosti je privzeto onemogočenih (so zakomentirane). Lahko jih aktivirate in spreminjate tako, da jih odkomentirate.
Tukaj so koraki, ki jih boste morali izvesti, če želite spremeniti lokacijo ustvarjenih datotek JavaScript:
- Odprto tsconfig.json in poiščite oddajajo razdelek.
- V oddajajo razdelek, odstranite komentarje outDir in določite imenik, v katerega želite shraniti prevedeno .ts datoteke. Zdaj kadarkoli tečete tsc, tvoj .js datoteke bodo v določeni mapi.
tek tsc ki mu sledi ime datoteke, ki jo želite prevesti, ni optimalno za vaš potek dela, še posebej, če morate prevesti več datotek.
Za rešitev te težave prevajalnik TypeScript nudi lastnost, ki mu omogoča prevajanje vseh datotek v imeniku v enem ukazu.
Za nastavitev sledite tem korakom:
- Odprto tsconfig.json in poiščite moduli razdelek.
- V moduli razdelek, odstranite komentarje rootDir premoženje oz rootDirs (če želite, da prevajalnik prevede več .ts imenike v .js) in določite imenike datotek.
Te nastavitve bodo izboljšale vaš potek dela in olajšale vzdrževanje datotek.
Prednosti TypeScripta
Glavna prednost TypeScripta pred JavaScriptom je njegova tipska varnost. TypeScript omogoča hitro odkrivanje napak, ki jih je težko najti. Zaradi te funkcije je idealen za izdelavo varnih in obsežnih aplikacij.
