Ovaj tekst predstavit će korak po korak vodič za instaliranje NPM paketa posebno prilagođenih za TypeScript projekte.
Kako mogu instalirati NPM pakete za TypeScript?
Slijedite navedene korake za instaliranje NPM paketa za TypeScript:
Korak 1: Napredujte TypeScript projekt
Prije instaliranja bilo kojeg NPM paketa, provjerite imate li postavljen TypeScript projekt. U tu svrhu možete koristiti postojeći TypeScript projekt ili inicijalizirati novi izvršavanjem sljedeće naredbe:
npm init -i
Izvođenjem ove naredbe datoteka ' paket.json ” kreirat će se u projektu koji upravlja ovisnostima.
Korak 2: Odaberite NPM paket
Identificirajte NPM paket koji želite instalirati za svoj TypeScript projekt. U tu svrhu pregledajte NPM web stranica ili potražite pakete pomoću sljedeće npm naredbe:
npm pretraživanje < naziv-paketa >
Korak 3: Instalirajte NPM paket
Da biste instalirali NPM paket, otvorite terminal ili naredbeni redak i pokrenite sljedeću naredbu:
Zamijeni '
Korak 4: Instalirajte TypeScript deklaracije
Ako paket koji se instalira nema ugrađenu podršku za TypeScript, tada korisnici moraju odvojeno instalirati TypeScript deklaracije. Ove deklaracije daju informacije o tipu za paket i omogućuju TypeScriptovu statičku provjeru tipa i inteligentne IDE značajke. Da biste to učinili, upotrijebite sljedeću naredbu 'npm':
Zamijeni '
Korak 5: Uvezite i koristite paket
Nakon instaliranja paketa i njegovih deklaracija, spremni ste za uvoz i korištenje unutar TypeScript koda. Uvezite željene funkcije iz paketa u svoju TypeScript datoteku pomoću naredbe 'import', kao što je prikazano u nastavku:
Zamijenite 'funkcionalnost' specifičnom funkcijom koja se uvozi i '
Korak 6: Izgradite i pokrenite TypeScript projekt
Nakon što instalirate NPM paket, integrirate TypeScript deklaracije i uvezete paket u svoj kod, spremni ste za izradu i pokretanje svog TypeScript projekta. Upotrijebite sljedeću naredbu 'tsc' za transpiliranje TypeScript datoteke u JavaScript datoteku:
Nakon toga, korisnici mogu izvršiti naredbu “node” za pokretanje transpilirane JavaScript datoteke:
čvor < naziv datoteke.js >Provedimo gore navedene upute u praksi.
Primjer: Instaliranje NPM paketa za TypeScript
Ovaj primjer instalira TypeScript kao npm paket tako da se naš kod može kompajlirati pomoću TypeScript prevoditelja. Da biste to učinili, prvo inicijalizirajte projekt pomoću sljedeće naredbe:
Sada izvršite zadanu naredbu za instalaciju TypeScripta:
npm i strojopisNakon uspješnog izvođenja naredbe 'npm', TypeScript će biti instaliran u projekt i ' moduli_čvora 'imenik', paket.json ' datoteka i ' paket-lock.json ” kreirat će se datoteka:
Instalirane ovisnosti prikazane su u ' paket.json ” koja je dostupna u odjeljku ovisnosti:
Sada stvorite novi naziv datoteke ' primjer.ts ” u direktoriju projekta i izvršite sljedeći kod:
neka primjer: niz = 'Zdravo, dobrodošli na Linuxhint.com!' ;konzola.log ( primjer ) ;
U ovom primjeru:
- Varijabla se stvara i inicijalizira s vrijednošću niza.
- Vrijednost varijable ispisuje se na ekranu/konzoli pomoću metode console.log().
Za transpiliranje ovog koda upotrijebite naredbu “tsc” zajedno s nazivom datoteke:
tsc primjer.tsPokrenite naredbu 'čvor' u nastavku da biste izvršili transpiliranu datoteku:
primjer čvora.js Izlaz
To je sve o instalaciji NPM paketa za TypeScript.
Zaključak
Da biste instalirali NPM pakete za TypeScript, koristite ' npm instalirati ” naredbu iza koje slijedi naziv paketa koji će se instalirati. NPM paketi omogućuju programerima korištenje raznih biblioteka i alata trećih strana. Slijedeći ovaj vodič korak po korak, možete jednostavno instalirati NPM pakete, integrirati TypeScript deklaracije i poboljšati svoj TypeScript projekt dodatnim funkcijama.