TypeScript on JavaScripti superkomplekt, mis on välja töötatud turvalisemate suuremahuliste rakenduste loomiseks. See lisab keelele valikulise staatilise tippimise, hõlbustades vigade tuvastamist enne kompileerimist.

Keel tutvustab ka mõningaid funktsioone, mida JavaScriptis pole. Nende hulka kuuluvad geneerilised ravimid, klassid, liidesed, enumid ja dekoraatorid.

Siit saate teada, kuidas seadistada oma esimene TypeScripti projekt nullist vaid mõne sammuga.

1. toiming: TypeScripti installimine

Enne kasutamist TypeScript oma süsteemis peate TypeScripti kompilaatori globaalselt installima.

TypeScripti globaalseks installimiseks käivitage järgmine käsk:

npm installida -g masinakiri

2. samm: projekti seadistamine

TypeScripti projekti seadistamiseks alustage tühja projektikataloogi loomisega mis tahes teie valitud IDE.

Seejärel looge failid rakendusega .ts faililaiendit. TypeScript ei saa töötada üheski keskkonnas. Seega tuleb see enne käivitamist JavaScripti kompileerida.

TypeScript-failide JavaScripti kompileerimiseks navigeerige terminalis oma projektikataloogi. Siis jookse

instagram viewer
tsc millele järgneb teie TypeScript-faili nimi.

Näiteks:

tscindeks.ts

See käsk loob index.js fail teie samas kataloogis indeks.ts fail asub.

Selline käitumine võib olla ebasoovitav, kuna see muudaks teie projekti mitmega raskesti hallatavaks .js ja .ts failid samas kataloogis.

Seda vaikekäitumist saate muuta ja TypeScripti kompilaatori käitumist muuta, kasutades tsconfig.json faili.

Käivitage oma terminalis järgmine käsk, et luua a tsconfig.json faili oma projektis:

tsc --selles

See loob faili, mis sisaldab kõiki teie TypeScripti kompilaatori konfiguratsioonisätteid.

Siin käsitlete ainult projekti alustamiseks vajalikke põhitõdesid, kuid saate reisi kohta lisateavet TypeScripti tsconfigi dokumentatsiooni.

3. samm: TypeScripti kompilaatori seadistamine parema töövoo jaoks

The tsconfig.json fail sisaldab TypeScripti kompilaatori konfiguratsioonivalikuid, mis on jagatud seitsmeks osaks:

  • Projektid
  • Keel ja keskkond
  • Moodulid
  • JavaScripti tugi
  • Emit
  • Koostööpiirangud
  • Tüübikontroll
  • Täielikkus

Enamik atribuute on vaikimisi keelatud (neid kommenteeritakse). Saate neid aktiveerida ja muuta, tühistades nende kommenteerimise.

Loodud JavaScripti failide asukoha muutmiseks peate järgima järgmisi samme.

  1. Avatud tsconfig.json ja leidke asukoht kiirgama osa.
  2. Aastal kiirgama tühjendage kommentaarid väljaDir atribuut ja määrake kataloog, kuhu soovite kompileeritud salvestada .ts failid. Nüüd, millal iganes jooksed tsc, sinu .js failid asuvad määratud kaustas.

Jooksmine tsc millele järgneb kompileeritava faili nimi, ei ole teie töövoo jaoks optimaalne, eriti kui peate kompileerima mitu faili.

Selle probleemi lahendamiseks pakub TypeScripti kompilaator atribuuti, mis võimaldab kompileerida kõik kataloogis olevad failid ühe käsuga.

Selle seadistamiseks järgige neid samme.

  1. Avatud tsconfig.json ja leidke asukoht moodulid osa.
  2. Aastal moodulid tühjendage kommentaarid juurDir vara või rootDirs (kui soovite, et kompilaator kompileeriks mitu .ts kataloogid sisse .js) ja määrake failikataloog(id).

Need seaded muudavad teie töövoo paremaks ja failide haldamise lihtsamaks.

TypeScripti eelised

TypeScripti peamine eelis JavaScripti ees on selle tüübiohutus. TypeScript võimaldab kiiresti tuvastada raskesti leitavad vead. See funktsioon muudab selle ideaalseks turvaliste ja suuremahuliste rakenduste ehitamiseks.