TypeScript ir JavaScript superkopa, kas izstrādāta drošāku, liela mēroga lietojumprogrammu izveidei. Tas valodai pievieno izvēles statisko rakstīšanu, atvieglojot kļūdu atklāšanu pirms kompilācijas.

Valoda arī ievieš dažas funkcijas, kas nepastāv JavaScript. Tie ietver vispārīgus līdzekļus, klases, saskarnes, enumus un dekoratorus.

Uzziniet, kā iestatīt savu pirmo TypeScript projektu no jauna, veicot tikai dažas darbības.

1. darbība. TypeScript instalēšana

Pirms lietošanas TypeScript savā sistēmā TypeScript kompilators jāinstalē globāli.

Lai globāli instalētu TypeScript, izpildiet šo komandu:

npm uzstādīt -g mašīnrakstā

2. darbība: projekta iestatīšana

Lai iestatītu savu TypeScript projektu, vispirms izveidojiet tukšu projekta direktoriju jebkuru IDE pēc jūsu izvēles.

Pēc tam izveidojiet failus, izmantojot .ts faila paplašinājums. TypeScript nevar palaist nevienā vidē. Tādējādi, pirms to var palaist, tas ir jāapkopo JavaScript.

Lai apkopotu TypeScript failus JavaScript, pārejiet uz sava projekta direktoriju savā terminālī. Tad skrien tsc kam seko jūsu TypeScript faila nosaukums.

instagram viewer

Piemēram:

tscrādītājs.ts

Šī komanda izveidos index.js failu tajā pašā jūsu direktorijā indekss.ts fails atrodas.

Šāda rīcība var būt nevēlama, jo tā apgrūtinātu jūsu projekta pārvaldību, izmantojot vairākus .js un .ts failus tajā pašā direktorijā.

Jūs maināt šo noklusējuma darbību un modificēt TypeScript kompilatora darbību, izmantojot tsconfig.json failu.

Palaidiet šo komandu terminālī, lai izveidotu a tsconfig.json failu savā projektā:

tsc --tajā

Tas ģenerē failu, kurā ir visi jūsu TypeScript kompilatora konfigurācijas iestatījumi.

Šeit tiks apskatīti tikai pamati, kas nepieciešami projekta uzsākšanai, taču varat uzzināt vairāk par maršrutu TypeScript tsconfig dokumentācija.

3. darbība: TypeScript kompilatora iestatīšana labākai darbplūsmai

The tsconfig.json fails satur TypeScript kompilatora konfigurācijas opcijas, kas sadalītas septiņās sadaļās:

  • Projekti
  • Valoda un vide
  • Moduļi
  • JavaScript atbalsts
  • Emit
  • Sadarbības ierobežojumi
  • Tipa pārbaude
  • Pilnīgums

Lielākā daļa īpašumu pēc noklusējuma ir atspējoti (tie tiek komentēti). Varat tos aktivizēt un modificēt, noņemot komentārus.

Tālāk ir norādītas darbības, kas jums jāveic, lai mainītu ģenerēto JavaScript failu atrašanās vietu.

  1. Atvērt tsconfig.json un atrodiet izstaro sadaļā.
  2. Iekš izstaro sadaļā, noņemiet komentārus outDir rekvizītu un norādiet direktoriju, kurā vēlaties saglabāt apkopoto .ts failus. Tagad jebkurā laikā, kad skrienat tsc, jūsu .js faili būs norādītajā mapē.

Skriešana tsc kam seko tā faila nosaukums, kuru vēlaties apkopot, nav optimāls jūsu darbplūsmai, it īpaši, ja nepieciešams apkopot vairākus failus.

Lai atrisinātu šo problēmu, TypeScript kompilators nodrošina rekvizītu, kas ļauj vienā komandā apkopot visus direktorijā esošos failus.

Lai to iestatītu, veiciet šīs darbības:

  1. Atvērt tsconfig.json un atrodiet moduļi sadaļā.
  2. Iekš moduļi sadaļā, noņemiet komentārus saknesDir īpašums vai saknesDirs (ja vēlaties, lai kompilators apkopo vairākus .ts katalogos .js) un norādiet faila direktoriju(s).

Šie iestatījumi uzlabos jūsu darbplūsmu un atvieglos failu apkopi.

TypeScript priekšrocības

Galvenā TypeScript priekšrocība salīdzinājumā ar JavaScript ir tā tipa drošība. TypeScript ļauj ātri atklāt grūti atrodamas kļūdas. Šī funkcija padara to ideāli piemērotu drošu un liela mēroga lietojumprogrammu izveidei.