Ta zapis bo predstavil vodnik po korakih za namestitev paketov NPM, posebej prilagojenih za projekte TypeScript.
Kako namestim pakete NPM za TypeScript?
Za namestitev paketov NPM za TypeScript sledite podanim korakom:
1. korak: Napredujte projekt TypeScript
Pred namestitvijo katerega koli paketa NPM se prepričajte, da imate nastavljen projekt TypeScript. V ta namen lahko uporabite obstoječi projekt TypeScript ali inicializirate novega z izvedbo naslednjega ukaza:
npm init -in
Z izvedbo tega ukaza se datoteka ' package.json ” bo ustvarjen v projektu, ki upravlja odvisnosti.
2. korak: Izberite paket NPM
Določite paket NPM, ki ga želite namestiti za svoj projekt TypeScript. V ta namen pobrskajte po NPM Spletna stran ali poiščite pakete z naslednjim ukazom npm:
iskanje npm < ime-paketa >
3. korak: Namestite paket NPM
Če želite namestiti paket NPM, odprite terminal ali ukazni poziv in zaženite naslednji ukaz:
Zamenjati '
4. korak: Namestite deklaracije TypeScript
Če paket, ki ga želite namestiti, nima vgrajene podpore za TypeScript, morajo uporabniki ločeno namestiti deklaracije TypeScript. Te deklaracije zagotavljajo informacije o vrsti za paket in omogočajo Statično preverjanje tipa TypeScript in funkcije inteligentnega IDE. Če želite to narediti, uporabite naslednji ukaz »npm«:
Zamenjati '
5. korak: uvozite in uporabite paket
Po namestitvi paketa in njegovih deklaracij ste pripravljeni na uvoz in uporabo v kodi TypeScript. Uvozite želene funkcije iz paketa v svojo datoteko TypeScript z uporabo izjave »import«, kot je prikazano spodaj:
Zamenjajte »funkcionalnost« s specifično funkcionalnostjo, ki jo želite uvoziti, in »
6. korak: Zgradite in zaženite projekt TypeScript
Ko namestite paket NPM, integrirate deklaracije TypeScript in uvozite paket v kodo, ste pripravljeni na gradnjo in zagon projekta TypeScript. Za prevajanje datoteke TypeScript v datoteko JavaScript uporabite naslednji ukaz »tsc«:
Po tem lahko uporabniki izvedejo ukaz »node« za zagon prevedene datoteke JavaScript:
vozlišče < imedatoteke.js >Uporabimo zgoraj navedena navodila v praksi.
Primer: Namestitev paketov NPM za TypeScript
Ta primer namesti TypeScript kot paket npm, tako da je našo kodo mogoče prevesti s prevajalnikom TypeScript. Če želite to narediti, najprej inicializirajte projekt z naslednjim ukazom:
Zdaj izvedite dani ukaz za namestitev TypeScript:
npm i tipkopisPo uspešni izvedbi ukaza »npm« bo v projekt nameščen TypeScript in » moduli_vozlišča » imenik « package.json ' datoteka in ' package-lock.json ” bo ustvarjena datoteka:
Nameščene odvisnosti so prikazane v » package.json «, ki je na voljo v razdelku odvisnosti:
Zdaj ustvarite novo ime datoteke ' primer.ts ” v imeniku projekta in izvedite naslednjo kodo:
pustiti primer: niz = 'Pozdravljeni, dobrodošli na Linuxhint.com!' ;console.log ( primer ) ;
V tem primeru:
- Spremenljivka je ustvarjena in inicializirana z vrednostjo niza.
- Vrednost spremenljivke se natisne na zaslon/konzolo z uporabo metode console.log().
Za prevajanje te kode uporabite ukaz »tsc« skupaj z imenom datoteke:
tsc primer.tsZaženite spodnji ukaz »node«, da izvedete prevedeno datoteko:
vozlišče example.js Izhod
To je vse o namestitvi paketov NPM za TypeScript.
Zaključek
Če želite namestiti pakete NPM za TypeScript, uporabite » namestitev npm ” ukaz, ki mu sledi ime paketa, ki ga želite namestiti. Paketi NPM razvijalcem omogočajo uporabo različnih knjižnic in orodij tretjih oseb. Z upoštevanjem tega vodnika po korakih lahko preprosto namestite pakete NPM, integrirate deklaracije TypeScript in izboljšate svoj projekt TypeScript z dodatnimi funkcijami.