„TypeScript“ yra „JavaScript“ superrinkinys, sukurtas saugesnėms, didelio masto programoms kurti. Ji prideda pasirenkamą statinį kalbos rašymą, todėl prieš kompiliuojant lengviau aptikti klaidas.
Kalba taip pat pristato kai kurias funkcijas, kurių nėra „JavaScript“. Tai apima bendruosius vaistus, klases, sąsajas, enumus ir dekoratorius.
Sužinokite, kaip atlikti pirmąjį „TypeScript“ projektą nuo nulio.
1 veiksmas: „TypeScript“ diegimas
Prieš naudojant TypeScript savo sistemoje turite įdiegti „TypeScript“ kompiliatorių visame pasaulyje.
Vykdykite šią komandą, kad įdiegtumėte „TypeScript“ visame pasaulyje:
npm diegti -g mašinraštis
2 veiksmas: projekto nustatymas
Norėdami nustatyti „TypeScript“ projektą, pirmiausia sukurkite tuščią projekto katalogą bet koks jūsų pasirinktas IDE.
Tada sukurkite failus naudodami .ts failo plėtinys. „TypeScript“ negali veikti jokioje aplinkoje. Taigi, prieš paleidžiant, jis turi būti sukompiliuotas į „JavaScript“.
Norėdami sukompiliuoti „TypeScript“ failus į „JavaScript“, terminale eikite į projekto katalogą. Tada bėk
tsc po kurio nurodomas „TypeScript“ failo pavadinimas.Pavyzdžiui:
tscindeksas.ts
Ši komanda sukurs index.js failą tame pačiame jūsų kataloge indeksas.ts failas gyvena.
Toks elgesys gali būti nepageidautinas, nes dėl to jūsų projektą būtų sunku valdyti naudojant kelis .js ir .ts failus tame pačiame kataloge.
Pakeičiate šią numatytąją elgseną ir modifikuojate „TypeScript“ kompiliatoriaus veikimą naudodami tsconfig.json failą.
Paleiskite šią komandą savo terminale, kad sukurtumėte a tsconfig.json failą savo projekte:
tsc --init
Taip sugeneruojamas failas, kuriame yra visi „TypeScript“ kompiliatoriaus konfigūracijos parametrai.
Čia apžvelgsite tik pagrindus, reikalingus projektui pradėti, tačiau galite sužinoti daugiau apie kelionę TypeScript tsconfig dokumentaciją.
3 veiksmas: „TypeScript“ kompiliatoriaus nustatymas geresnei darbo eigai
The tsconfig.json faile yra „TypeScript“ kompiliatoriaus konfigūracijos parinktys, suskirstytos į septynias dalis:
- Projektai
- Kalba ir aplinka
- Moduliai
- JavaScript palaikymas
- Emit
- Interop apribojimai
- Tipo tikrinimas
- Išbaigtumas
Dauguma ypatybių pagal numatytuosius nustatymus yra išjungtos (jos komentuojamos). Galite juos suaktyvinti ir modifikuoti panaikindami komentarus.
Norėdami pakeisti sugeneruotų „JavaScript“ failų vietą, turėsite atlikti šiuos veiksmus:
- Atviras tsconfig.json ir suraskite skleisti skyrius.
- Viduje skleisti skyrių, panaikinkite komentarą outDir ypatybę ir nurodykite katalogą, kuriame norite saugoti sukompiliuotą .ts failus. Dabar bet kada, kai bėgate tsc, tavo .js failai bus nurodytame aplanke.
Bėgimas tsc po kurio nurodomas failo, kurį norite kompiliuoti, pavadinimas nėra optimalus jūsų darbo eigai, ypač kai reikia kompiliuoti kelis failus.
Norėdami išspręsti šią problemą, „TypeScript“ kompiliatorius suteikia savybę, leidžiančią sukompiliuoti visus kataloge esančius failus viena komanda.
Norėdami tai nustatyti, atlikite šiuos veiksmus:
- Atviras tsconfig.json ir suraskite moduliai skyrius.
- Viduje moduliai skyrių, panaikinkite komentarą rootDir turtas arba rootDirs (jei norite, kad kompiliatorius sudarytų kelis .ts katalogus į .js) ir nurodykite failų katalogą (-us).
Dėl šių nustatymų darbo eiga bus geresnė, o failus bus lengviau prižiūrėti.
„TypeScript“ pranašumai
Pagrindinis „TypeScript“ pranašumas, palyginti su „JavaScript“, yra jo tipo sauga. „TypeScript“ leidžia greitai aptikti sunkiai aptinkamas klaidas. Dėl šios savybės jis idealiai tinka saugioms ir didelio masto programoms kurti.