TypeScript je nadskup JavaScripta razvijen za izradu sigurnijih aplikacija velikih razmjera. Dodaje neobavezni statički tip u jezik, olakšavajući otkrivanje pogrešaka prije kompilacije.
Jezik također uvodi neke značajke koje ne postoje u JavaScriptu. To uključuje generike, klase, sučelja, enume i dekoratore.
Naučite kako postaviti svoj prvi TypeScript projekt od nule u samo nekoliko koraka.
Korak 1: Instaliranje TypeScripta
Prije upotrebe TypeScript na vašem sustavu, morate instalirati TypeScript kompilator globalno.
Pokrenite sljedeću naredbu za globalnu instalaciju TypeScripta:
npm instalirati -g strojopis
Korak 2: Postavljanje vašeg projekta
Da biste postavili svoj TypeScript projekt, počnite stvaranjem praznog direktorija projekta u bilo koji IDE po vašem izboru.
Zatim izradite svoje datoteke pomoću .ts ekstenzija datoteke. TypeScript ne može raditi ni u jednom okruženju. Stoga se mora kompajlirati u JavaScript prije nego što se može pokrenuti.
Da biste preveli svoje TypeScript datoteke u JavaScript, idite u direktorij projekta na svom terminalu. Onda trči
tsc nakon čega slijedi naziv vaše TypeScript datoteke.Na primjer:
tscindeks.ts
Ova naredba će stvoriti index.js datoteku unutar istog direktorija vašeg indeks.ts datoteka se nalazi.
Ovo ponašanje može biti nepoželjno jer bi otežalo upravljanje vašim projektom s višestrukim .js i .ts datoteke u istom direktoriju.
Mijenjate ovo zadano ponašanje i mijenjate ponašanje vašeg TypeScript prevoditelja pomoću tsconfig.json datoteka.
Pokrenite sljedeću naredbu na svom terminalu da biste kreirali a tsconfig.json datoteka u vašem projektu:
tsc --u tome
Ovo generira datoteku koja sadrži sve konfiguracijske postavke za vaš TypeScript prevodilac.
Ovdje ćete pokriti samo osnove potrebne za početak vašeg projekta, ali o tome možete saznati više dokumentaciju TypeScript tsconfig.
Korak 3: Postavljanje TypeScript prevoditelja za bolji tijek rada
The tsconfig.json sadrži konfiguracijske opcije za TypeScript prevodilac podijeljen u sedam odjeljaka:
- Projekti
- Jezik i okolina
- Moduli
- Podrška za JavaScript
- emitirati
- Interop ograničenja
- Provjera tipa
- Potpunost
Većina svojstava je prema zadanim postavkama onemogućena (komentirana su). Možete ih aktivirati i mijenjati uklanjanjem komentara.
Evo koraka koje ćete morati slijediti da biste promijenili lokaciju svojih generiranih JavaScript datoteka:
- Otvorena tsconfig.json i locirajte emitirati odjeljak.
- u emitirati odjeljak, odjavite komentar outDir i odredite direktorij u koji želite pohraniti kompilirano .ts datoteke. Sad kad god trčite tsc, tvoj .js datoteke bit će u navedenoj mapi.
Trčanje tsc nakon čega slijedi naziv datoteke koju želite prevesti nije optimalno za vaš tijek rada, osobito kada trebate prevesti više datoteka.
Kako bi riješio ovaj problem, TypeScript prevodilac pruža svojstvo koje mu omogućuje prevođenje svih datoteka u direktoriju u jednoj naredbi.
Slijedite ove korake da ovo postavite:
- Otvorena tsconfig.json i locirajte moduli odjeljak.
- u moduli odjeljak, odjavite komentar rootDir vlasništvo ili rootDirs (ako želite da kompajler kompajlira višestruke .ts direktorije u .js) i odredite direktorij(e) datoteka.
Ove postavke učinit će vaš tijek rada boljim, a datoteke lakšim za održavanje.
Prednosti TypeScripta
Glavna prednost TypeScripta u odnosu na JavaScript je njegova sigurnost tipa. TypeScript omogućuje brzo otkrivanje grešaka koje je teško pronaći. Ova značajka ga čini idealnim za izgradnju sigurnih i velikih aplikacija.