Kuidas installida TypeScripti jaoks NPM-pakette?

See kirjutis esitab etapiviisilise juhendi spetsiaalselt TypeScript-projektide jaoks kohandatud NPM-pakettide installimiseks.

Kuidas installida TypeScripti jaoks NPM-pakette?

TypeScripti NPM-pakettide installimiseks järgige antud samme:

1. samm: kiirendage TypeScripti projekti
Enne mis tahes NPM-paketi installimist veenduge, et teil on TypeScripti projekt seadistatud. Sel eesmärgil saate kasutada olemasolevat TypeScripti projekti või lähtestada uus, käivitades järgmise käsu:

Selle käsu täitmisel fail ' package.json ” luuakse sõltuvusi haldavas projektis.

2. samm: valige NPM-pakett
Tuvastage NPM-pakett, mille soovite oma TypeScripti projekti jaoks installida. Selleks sirvige NPM veebisait või otsige pakette järgmise npm-käsuga:

3. samm: installige NPM-pakett
NPM-paketi installimiseks avage terminal või käsuviip ja käivitage järgmine käsk:

Asenda ' ” installitava paketi tegeliku nimega. Nimetatud käsk laadib paketi ja selle sõltuvused alla ' node_modules ” kaust, mis on teie projektikataloogis saadaval.

4. toiming: installige TypeScripti deklaratsioonid
Kui installitaval paketil ei ole sisseehitatud TypeScripti tuge, peavad kasutajad TypeScripti deklaratsioonid eraldi installima. Need deklaratsioonid pakuvad paketi tüübiteavet ja võimaldavad TypeScripti staatilist tüübikontrolli ja intelligentseid IDE-funktsioone. Selleks kasutage järgmist käsku 'npm':

Asenda ' ” installitava paketi nimega.

5. samm: paketi importimine ja kasutamine
Pärast paketi ja selle deklaratsioonide installimist olete valmis seda TypeScripti koodis importima ja kasutama. Importige soovitud funktsioonid paketist oma TypeScript-faili, kasutades käsku 'import', nagu allpool näidatud:

Asendage 'funktsionaalsus' konkreetse imporditava funktsiooniga ja ' ” paki nimega.

6. samm: koostage ja käivitage TypeScripti projekt
Kui olete NPM-paketi installinud, TypeScripti deklaratsioonid integreerinud ja paketi oma koodi importinud, olete valmis TypeScripti projekti koostama ja käivitama. TypeScripti faili JavaScripti failiks ülekandmiseks kasutage järgmist käsku 'tsc'.

Pärast seda saavad kasutajad transpileeritud JavaScripti faili käivitamiseks käivitada käsu „node”:

Rakendame ülaltoodud juhiseid praktikas.

Näide: NPM-pakettide installimine TypeScripti jaoks
See näide installib TypeScripti npm-paketina, nii et meie koodi saab kompileerida TypeScripti kompilaatori abil. Selleks lähtestage projekt esmalt järgmise käsuga:

Nüüd käivitage TypeScripti installimiseks antud käsk:

Käsu 'npm' edukal täitmisel installitakse projekti TypeScript ja ' node_modules kataloog, ' package.json ' fail ja ' package-lock.json ” fail luuakse:

Installitud sõltuvused on näidatud jaotises ' package.json ” fail, mis on saadaval jaotises sõltuvused:

Nüüd looge uus failinimi ' näide.ts ” projekti kataloogis ja käivitage järgmine kood:

Selles näites:

• Muutuja luuakse ja lähtestatakse stringiväärtusega.
• Muutuja väärtus trükitakse ekraanile/konsoolile, kasutades meetodit console.log().

Selle koodi ülekandmiseks kasutage käsku 'tsc' koos failinimega:

Transpileeritud faili käivitamiseks käivitage alltoodud käsk 'node':

Väljund

See kõik puudutab TypeScripti NPM-pakettide installimist.

Järeldus

TypeScripti NPM-pakettide installimiseks kasutage npm installimine ” käsk, millele järgneb installitava paketi nimi. NPM-paketid võimaldavad arendajatel kasutada mitmesuguseid kolmandate osapoolte teeke ja tööriistu. Järgides seda samm-sammult juhendit, saate hõlpsasti installida NPM-pakette, integreerida TypeScripti deklaratsioone ja täiustada oma TypeScripti projekti lisafunktsioonidega.