Hvordan installerer jeg NPM-pakker for TypeScript?

Hvordan Installerer Jeg Npm Pakker For Typescript



Bruk av eksterne biblioteker og pakker mens du arbeider med TypeScript kan forbedre utviklingsprosessen. NPM (Node Package Manager) er en av de populært brukte pakkebehandlerne som gir tilgang til en rekke nyttige verktøy og funksjonalitet. Det er en go-to-pakkebehandling for JavaScript- og TypeScript-prosjekter, hovedsakelig brukt til å administrere, installere, oppdatere og avinstallere pakker eller moduler.

Denne oppskriften vil presentere en trinnvis veiledning for installasjon av NPM-pakker som er spesifikt tilpasset for TypeScript-prosjekter.

Hvordan installerer jeg NPM-pakker for TypeScript?

Følg de angitte trinnene for å installere NPM-pakker for TypeScript:







Trinn 1: Oppgrader et TypeScript-prosjekt
Før du installerer en NPM-pakke, sørg for at du har et TypeScript-prosjekt satt opp. For det formålet kan du enten bruke et eksisterende TypeScript-prosjekt eller initialisere et nytt ved å utføre følgende kommando:



npm init -og

Ved å utføre denne kommandoen en fil ' package.json ” vil bli opprettet i prosjektet som administrerer avhengigheter.



Trinn 2: Velg NPM-pakken
Identifiser NPM-pakken du vil installere for TypeScript-prosjektet. For dette formålet, bla gjennom NPM nettsted eller søk etter pakker ved å bruke følgende npm-kommando:





npm-søk < pakkenavn >

Trinn 3: Installer NPM-pakken
For å installere en NPM-pakke, åpne terminalen eller ledeteksten og kjør følgende kommando:

npm installere < pakkenavn >

Erstatte ' ” med det faktiske navnet på pakken du vil installere. Den oppgitte kommandoen vil laste ned pakken og dens avhengigheter til en ' node_modules '-mappen som er tilgjengelig i prosjektkatalogen din.



Trinn 4: Installer TypeScript-deklarasjoner
Hvis pakken som skal installeres ikke har innebygd TypeScript-støtte, må brukerne installere TypeScript-deklarasjonene separat. Disse erklæringene gir typeinformasjon for pakken og aktiverer TypeScripts statiske typekontroll og intelligente IDE-funksjoner. For å gjøre det, bruk følgende 'npm' kommando:

npm installere @ typer /< pakkenavn >

Erstatte ' ” med pakkenavnet som skal installeres.

Trinn 5: Importer og bruk pakken
Etter å ha installert pakken og dens erklæringer, er du klar til å importere og bruke den innenfor TypeScript-koden. Importer ønsket funksjonalitet fra pakken til TypeScript-filen din ved å bruke 'import'-setningen, som vist nedenfor:

import { funksjonalitet } fra '' ;

Erstatt 'funksjonalitet' med den spesifikke funksjonaliteten som skal importeres og ' ” med navnet på pakken.

Trinn 6: Bygg og kjør TypeScript-prosjekt
Når du har installert NPM-pakken, integrert TypeScript-deklarasjoner og importert pakken til koden din, er du klar til å bygge og kjøre TypeScript-prosjektet. Bruk følgende 'tsc'-kommando for å transpilere TypeScript-filen til en JavaScript-fil:

tsc < filnavn.ts >

Etter det kan brukere utføre 'node'-kommandoen for å kjøre den transpilerte JavaScript-filen:

node < filnavn.js >

La oss sette de ovennevnte instruksjonene i praksis.

Eksempel: Installere NPM-pakker for TypeScript
Dette eksemplet installerer TypeScript som en npm-pakke slik at koden vår kan kompileres ved hjelp av TypeScript-kompilatoren. For å gjøre dette, initialiser først prosjektet ved å bruke følgende kommando:

npm init -og

Kjør nå den gitte kommandoen for å installere TypeScript:

npm i maskinskrift

Ved vellykket utførelse av 'npm'-kommandoen, vil TypeScript bli installert i prosjektet og en ' node_modules ' katalog, ' package.json ' fil, og ' package-lock.json ' fil vil bli opprettet:

De installerte avhengighetene vises i ' package.json ' fil som er tilgjengelig under avhengighetsdelen:

Opprett nå et nytt filnavn ' eksempel.ts ' i prosjektkatalogen og utfør følgende kode:

la eksempel: streng = 'Hei, Velkommen til Linuxhint.com!' ;
console.log ( eksempel ) ;

I dette eksemplet:

  • En variabel opprettes og initialiseres med en strengverdi.
  • Variabelens verdi skrives ut på skjermen/konsollen ved å bruke console.log()-metoden.

For å transpilere denne koden, bruk 'tsc'-kommandoen sammen med filnavnet:

tsc eksempel.ts

Kjør den nedenfor gitte 'node'-kommandoen for å utføre den transpilerte filen:

nodeeksempel.js

Produksjon

Det handler om installasjonen av NPM-pakker for TypeScript.

Konklusjon

For å installere NPM-pakker for TypeScript, bruk ' npm installere kommando etterfulgt av pakkenavnet som skal installeres. NPM-pakker gjør det mulig for utviklere å bruke en rekke tredjeparts biblioteker og verktøy. Ved å følge denne trinnvise veiledningen kan du enkelt installere NPM-pakker, integrere TypeScript-deklarasjoner og forbedre TypeScript-prosjektet ditt med tilleggsfunksjoner.