Šiame įraše bus pateiktas nuoseklus vadovas, kaip įdiegti NPM paketus, specialiai pritaikytus „TypeScript“ projektams.
Kaip įdiegti NPM paketus, skirtus „TypeScript“?
Norėdami įdiegti „TypeScript“ NPM paketus, atlikite nurodytus veiksmus:
1 veiksmas: sustiprinkite „TypeScript“ projektą
Prieš diegdami bet kurį NPM paketą, įsitikinkite, kad turite „TypeScript“ projektą. Tuo tikslu galite naudoti esamą TypeScript projektą arba inicijuoti naują vykdydami šią komandą:
npm init - ir
Vykdydami šią komandą failas ' package.json “ bus sukurtas projekte, kuris valdo priklausomybes.
2 veiksmas: pasirinkite NPM paketą
Nustatykite NPM paketą, kurį norite įdiegti savo TypeScript projektui. Šiuo tikslu naršykite NPM Interneto svetainė arba ieškokite paketų naudodami šią npm komandą:
npm paieška < paketo pavadinimas >
3 veiksmas: įdiekite NPM paketą
Norėdami įdiegti NPM paketą, atidarykite terminalą arba komandų eilutę ir paleiskite šią komandą:
Pakeisti “
4 veiksmas: įdiekite „TypeScript“ deklaracijas
Jei diegiamame pakete nėra integruoto „TypeScript“ palaikymo, vartotojai „TypeScript“ deklaracijas turi įdiegti atskirai. Šiose deklaracijose pateikiama paketo tipo informacija ir įgalinamas „TypeScript“ statinis tipo tikrinimas ir išmaniosios IDE funkcijos. Norėdami tai padaryti, naudokite šią „npm“ komandą:
Pakeisti “
5 veiksmas: importuokite ir naudokite paketą
Įdiegę paketą ir jo deklaracijas, esate pasirengę jį importuoti ir naudoti su TypeScript kodu. Importuokite norimas funkcijas iš paketo į „TypeScript“ failą naudodami teiginį „importuoti“, kaip parodyta toliau:
Pakeiskite „funkcionalumą“ konkrečia funkcija, kurią reikia importuoti, ir „
6 veiksmas: sukurkite ir paleiskite „TypeScript“ projektą
Įdiegę NPM paketą, integravę „TypeScript“ deklaracijas ir importavę paketą į savo kodą, būsite pasirengę kurti ir vykdyti „TypeScript“ projektą. Norėdami perkelti „TypeScript“ failą į „JavaScript“ failą, naudokite šią „tsc“ komandą:
Po to vartotojai gali vykdyti komandą „mazgas“, kad paleistų perkeltą „JavaScript“ failą:
mazgas < failoName.js >Praktiškai pritaikykime aukščiau pateiktas instrukcijas.
Pavyzdys: NPM paketų, skirtų TypeScript, diegimas
Šiame pavyzdyje „TypeScript“ įdiegiamas kaip npm paketas, kad mūsų kodą būtų galima kompiliuoti naudojant „TypeScript“ kompiliatorių. Norėdami tai padaryti, pirmiausia inicijuokite projektą naudodami šią komandą:
Dabar vykdykite nurodytą komandą, kad įdiegtumėte TypeScript:
npm i mašinraštisSėkmingai įvykdžius komandą „npm“, projekte bus įdiegtas „TypeScript“ ir „ mazgų_moduliai ' katalogas ' package.json “ failą ir „ package-lock.json “ bus sukurtas failas:
Įdiegtos priklausomybės rodomos „ package.json “ failą, kuris yra priklausomybių skyriuje:
Dabar sukurkite naują failo pavadinimą ' pavyzdys.ts “ projekto kataloge ir paleiskite šį kodą:
leisti pavyzdys: eilutė = 'Sveiki, sveiki atvykę į Linuxhint.com!' ;console.log ( pavyzdys ) ;
Šiame pavyzdyje:
- Kintamasis sukuriamas ir inicijuojamas su eilutės reikšme.
- Kintamojo reikšmė atspausdinama ekrane/konsolėje naudojant console.log() metodą.
Norėdami perkelti šį kodą, naudokite komandą „tsc“ kartu su failo pavadinimu:
tsc pavyzdys.tsVykdykite toliau pateiktą „mazgo“ komandą, kad paleistumėte perkeltą failą:
mazgo pavyzdys.js Išvestis
Tai viskas apie „TypeScript“ NPM paketų diegimą.
Išvada
Norėdami įdiegti NPM paketus, skirtus „TypeScript“, naudokite „ npm diegimas “ komandą, po kurios nurodomas paketo pavadinimas, kurį reikia įdiegti. NPM paketai leidžia kūrėjams naudoti įvairias trečiųjų šalių bibliotekas ir įrankius. Vadovaudamiesi šiuo nuosekliu vadovu galite lengvai įdiegti NPM paketus, integruoti TypeScript deklaracijas ir patobulinti savo TypeScript projektą papildomomis funkcijomis.