TypeScript on JavaScriptin superjoukko, joka on kehitetty turvallisempien, laajojen sovellusten rakentamiseen. Se lisää valinnaisen staattisen kirjoittamisen kieleen, mikä helpottaa virheiden havaitsemista ennen kääntämistä.
Kielessä on myös joitain ominaisuuksia, joita ei ole JavaScriptissä. Näitä ovat geneeriset tuotteet, luokat, käyttöliittymät, enumit ja koristeet.
Opi määrittämään ensimmäinen TypeScript-projektisi tyhjästä muutamassa vaiheessa.
Vaihe 1: Asenna TypeScript
Ennen käyttöä TypeScript järjestelmässäsi, sinun on asennettava TypeScript-kääntäjä maailmanlaajuisesti.
Suorita seuraava komento asentaaksesi TypeScript maailmanlaajuisesti:
npm Asentaa -g konekirjoitus
Vaihe 2: Projektin määrittäminen
Määritä TypeScript-projektisi luomalla tyhjä projektihakemisto mikä tahansa valitsemasi IDE.
Luo sitten tiedostosi .ts tiedostopääte. TypeScript ei voi toimia missään ympäristössä. Siksi se on käännettävä JavaScriptiksi ennen kuin se voidaan suorittaa.
Jos haluat kääntää TypeScript-tiedostosi JavaScriptiksi, siirry päätelaitteen projektihakemistoon. Juokse sitten
tsc ja sen jälkeen TypeScript-tiedostosi nimi.Esimerkiksi:
tscindeksi.ts
Tämä komento luo index.js tiedosto samassa hakemistossa sinun index.ts tiedosto sijaitsee.
Tämä käyttäytyminen voi olla ei-toivottua, koska se tekisi projektistasi vaikean hallita useita .js ja .ts tiedostot samassa hakemistossa.
Muutat tätä oletustoimintaa ja muokkaat TypeScript-kääntäjäsi toimintaa käyttämällä tsconfig.json tiedosto.
Suorita seuraava komento päätteessäsi luodaksesi a tsconfig.json tiedosto projektissasi:
tsc --sen sisällä
Tämä luo tiedoston, joka sisältää kaikki TypeScript-kääntäjäsi määritysasetukset.
Tässä käsitellään vain projektin aloittamiseen tarvittavat perusasiat, mutta voit oppia lisää matkasta TypeScript tsconfig -dokumentaatio.
Vaihe 3: TypeScript-kääntäjän määrittäminen parempaa työnkulkua varten
The tsconfig.json tiedosto sisältää TypeScript-kääntäjän asetusvaihtoehdot jaettuna seitsemään osaan:
- Projektit
- Kieli ja ympäristö
- Moduulit
- JavaScript-tuki
- Säteillä
- Yhteiskäyttörajoitukset
- Tyyppitarkastus
- Täydellisyys
Suurin osa ominaisuuksista on oletuksena poistettu käytöstä (ne on kommentoitu). Voit aktivoida ja muokata niitä poistamalla kommentin.
Tässä ovat vaiheet, jotka sinun on noudatettava muuttaaksesi luotujen JavaScript-tiedostojen sijaintia:
- Avata tsconfig.json ja paikantaa säteillä osio.
- Vuonna säteillä -osiossa, poista kommentti outDir ominaisuus ja määritä hakemisto, johon haluat tallentaa käännetyn .ts tiedostot. Nyt milloin tahansa juokset tsc, sinun .js tiedostot ovat määritetyssä kansiossa.
Juoksemassa tsc ja sen jälkeen sen tiedoston nimi, jonka haluat kääntää, ei ole optimaalinen työnkulkullesi, varsinkin kun sinun on käännettävä useita tiedostoja.
Tämän ongelman ratkaisemiseksi TypeScript-kääntäjä tarjoaa ominaisuuden, jonka avulla se voi kääntää kaikki hakemiston tiedostot yhdellä komennolla.
Määritä tämä seuraavasti:
- Avata tsconfig.json ja paikantaa moduulit osio.
- Vuonna moduulit -osiossa, poista kommentti rootDir omaisuutta tai rootDirs (jos haluat kääntäjän kääntävän useita .ts hakemistoja .js) ja määritä tiedostohakemisto(t).
Nämä asetukset parantavat työnkulkua ja helpottavat tiedostojen ylläpitoa.
TypeScriptin edut
TypeScriptin suurin etu JavaScriptiin verrattuna on sen tyyppiturvallisuus. TypeScript mahdollistaa vaikeasti löydettävien vikojen havaitsemisen nopeasti. Tämä ominaisuus tekee siitä ihanteellisen turvallisten ja suurten sovellusten rakentamiseen.
