Tämä kirjoitus sisältää vaiheittaisen oppaan erityisesti TypeScript-projekteihin räätälöityjen NPM-pakettien asentamiseen.
Kuinka voin asentaa NPM-paketit TypeScriptille?
Asenna TypeScriptin NPM-paketit noudattamalla annettuja ohjeita:
Vaihe 1: Tehosta TypeScript-projektia
Ennen kuin asennat minkä tahansa NPM-paketin, varmista, että TypeScript-projekti on määritetty. Tätä tarkoitusta varten voit joko käyttää olemassa olevaa TypeScript-projektia tai alustaa uuden suorittamalla seuraavan komennon:
npm init -ja
Suorittamalla tämän komennon tiedosto ' package.json ” luodaan riippuvuuksia hallitsevaan projektiin.
Vaihe 2: Valitse NPM-paketti
Tunnista NPM-paketti, jonka haluat asentaa TypeScript-projektiisi. Tätä tarkoitusta varten selaa NPM verkkosivusto tai etsi paketteja seuraavalla npm-komennolla:
npm haku < paketin nimi >
Vaihe 3: Asenna NPM-paketti
Asenna NPM-paketti avaamalla pääte- tai komentokehote ja suorittamalla seuraava komento:
Korvaa '
Vaihe 4: Asenna TypeScript-ilmoitukset
Jos asennettavassa paketissa ei ole sisäänrakennettua TypeScript-tukea, käyttäjien on asennettava TypeScript-määritykset erikseen. Nämä ilmoitukset tarjoavat paketin tyyppitiedot ja mahdollistavat TypeScriptin staattisen tyypintarkistuksen ja älykkäät IDE-ominaisuudet. Voit tehdä tämän käyttämällä seuraavaa 'npm'-komentoa:
Korvaa '
Vaihe 5: Tuo paketti ja käytä sitä
Kun olet asentanut paketin ja sen ilmoitukset, olet valmis tuomaan ja käyttämään sitä TypeScript-koodin sisällä. Tuo haluamasi toiminnot paketista TypeScript-tiedostoosi käyttämällä 'import'-lausetta alla olevan kuvan mukaisesti:
Korvaa 'toiminnallisuus' tietyllä tuotavalla toiminnallisuudella ja '
Vaihe 6: Luo ja suorita TypeScript-projekti
Kun olet asentanut NPM-paketin, integroinut TypeScript-ilmoitukset ja tuonut paketin koodiisi, olet valmis rakentamaan ja suorittamaan TypeScript-projektisi. Käytä seuraavaa 'tsc'-komentoa siirtääksesi TypeScript-tiedoston JavaScript-tiedostoksi:
Tämän jälkeen käyttäjät voivat suorittaa 'node'-komennon suorittaakseen siirretyn JavaScript-tiedoston:
solmu < tiedostonimi.js >Toteutetaan yllä olevat ohjeet käytännössä.
Esimerkki: NPM-pakettien asentaminen TypeScriptille
Tämä esimerkki asentaa TypeScriptin npm-pakettina, jotta koodimme voidaan kääntää TypeScript-kääntäjällä. Tee tämä ensin alustamalla projekti seuraavalla komennolla:
Suorita nyt annettu komento TypeScriptin asentamiseksi:
npm i konekirjoitus'npm'-komennon onnistuneen suorittamisen jälkeen projektiin asennetaan TypeScript ja ' solmu_moduulit 'hakemisto', ' package.json ' tiedosto ja ' package-lock.json ”tiedosto luodaan:
Asennetut riippuvuudet näkyvät ' package.json ”-tiedosto, joka on saatavilla riippuvuudet-osiossa:
Luo nyt uusi tiedostonimi ' esimerkki.ts ” projektihakemistoon ja suorita seuraava koodi:
antaa esimerkki: merkkijono = 'Hei, tervetuloa Linuxhint.comiin!' ;console.log ( esimerkki ) ;
Tässä esimerkissä:
- Muuttuja luodaan ja alustetaan merkkijonoarvolla.
- Muuttujan arvo tulostetaan näytölle/konsoliin käyttämällä console.log()-menetelmää.
Siirrä tämä koodi käyttämällä 'tsc'-komentoa yhdessä tiedostonimen kanssa:
tsc esimerkki.tsSuorita siirretty tiedosto suorittamalla alla annettu 'node' -komento:
solmu esimerkki.js Lähtö
Siinä kaikki NPM-pakettien asentamisesta TypeScriptille.
Johtopäätös
Asenna NPM-paketit TypeScriptille käyttämällä ' npm asennus ” -komento ja asennettavan paketin nimi. NPM-paketit antavat kehittäjille mahdollisuuden käyttää erilaisia kolmannen osapuolen kirjastoja ja työkaluja. Noudattamalla tätä vaiheittaista ohjetta voit helposti asentaa NPM-paketteja, integroida TypeScript-määritykset ja parantaa TypeScript-projektiasi lisätoiminnoilla.