Ez az írás lépésenkénti útmutatót mutat be a kifejezetten TypeScript-projektekhez szabott NPM-csomagok telepítéséhez.
Hogyan telepíthetek NPM-csomagokat a TypeScripthez?
Kövesse a megadott lépéseket a TypeScript NPM-csomagjainak telepítéséhez:
1. lépés: Lépjen fel egy TypeScript-projektet
Bármely NPM-csomag telepítése előtt győződjön meg arról, hogy be van állítva egy TypeScript-projekt. Ebből a célból használhat egy meglévő TypeScript projektet, vagy inicializálhat egy újat a következő parancs végrehajtásával:
npm init -és
A parancs végrehajtásával egy fájl ' package.json ” jön létre a függőségeket kezelő projektben.
2. lépés: Válassza ki az NPM-csomagot
Határozza meg a TypeScript-projekthez telepíteni kívánt NPM-csomagot. Ebből a célból böngéssze át a NPM weboldal vagy keressen csomagokat a következő npm paranccsal:
npm keresés < csomag név >
3. lépés: Telepítse az NPM-csomagot
NPM-csomag telepítéséhez nyissa meg a terminált vagy a parancssort, és futtassa a következő parancsot:
Cserélje ki
4. lépés: Telepítse a TypeScript-nyilatkozatokat
Ha a telepítendő csomag nem rendelkezik beépített TypeScript-támogatással, akkor a felhasználóknak külön kell telepíteniük a TypeScript-deklarációkat. Ezek a deklarációk típusinformációkat adnak meg a csomaghoz, és lehetővé teszik a TypeScript statikus típusellenőrzését és intelligens IDE-funkcióit. Ehhez használja a következő „npm” parancsot:
Cserélje ki
5. lépés: Importálja és használja a csomagot
A csomag és deklarációinak telepítése után készen áll a TypeScript kódon belüli importálására és felhasználására. Importálja a kívánt funkciókat a csomagból a TypeScript fájlba az „import” utasítással, az alábbiak szerint:
Cserélje ki a „funkcionalitást” az importálandó adott funkcióra, és „
6. lépés: A TypeScript projekt létrehozása és futtatása
Miután telepítette az NPM-csomagot, integrálta a TypeScript-deklarációkat, és importálta a csomagot a kódba, készen áll a TypeScript-projekt felépítésére és futtatására. Használja a következő „tsc” parancsot a TypeScript-fájl JavaScript-fájlba való átültetéséhez:
Ezt követően a felhasználók végrehajthatják a „node” parancsot a transzpilált JavaScript fájl futtatásához:
csomópont < fileName.js >Alkalmazzuk a gyakorlatban a fent leírt utasításokat.
Példa: NPM-csomagok telepítése TypeScript-hez
Ez a példa a TypeScript-et npm-csomagként telepíti, így a kódunk a TypeScript-fordítóval lefordítható. Ehhez először inicializálja a projektet a következő paranccsal:
Most hajtsa végre a megadott parancsot a TypeScript telepítéséhez:
npm i gépiratAz „npm” parancs sikeres végrehajtása után a TypeScript telepítésre kerül a projektben, és egy „ node_modules ' Könyvtár, ' package.json ' fájl és ' package-lock.json ” fájl jön létre:
A telepített függőségek a „ package.json ” fájl, amely a függőségek szakaszban érhető el:
Most hozzon létre egy új fájlnevet ' példa.ts ” a projektkönyvtárban, és futtassa a következő kódot:
hagyja példa: string = 'Üdvözöljük a Linuxhint.com-on!' ;console.log ( példa ) ;
Ebben a példában:
- Létrejön egy változó, és egy karakterlánc értékkel inicializálódik.
- A változó értéke a képernyőn/konzolon a console.log() metódussal kerül kinyomtatásra.
A kód átültetéséhez használja a „tsc” parancsot a fájlnévvel együtt:
tsc példa.tsFuttassa az alábbi „node” parancsot a transzpilált fájl végrehajtásához:
csomópont példa.js Kimenet
Ez minden az NPM-csomagok TypeScript-hez való telepítéséről szól.
Következtetés
Az NPM-csomagok TypeScripthez való telepítéséhez használja a „ npm telepítés ” parancsot, majd a telepítendő csomag nevét. Az NPM-csomagok lehetővé teszik a fejlesztők számára, hogy számos, harmadik féltől származó könyvtárat és eszközt használjanak. Ennek a lépésenkénti útmutatónak a követésével egyszerűen telepítheti az NPM-csomagokat, integrálhatja a TypeScript-deklarációkat, és további funkciókkal bővítheti TypeScript-projektjét.