W tym artykule zostanie przedstawiony krok po kroku przewodnik dotyczący instalowania pakietów NPM specjalnie dostosowanych do projektów TypeScript.
Jak zainstalować pakiety NPM dla TypeScript?
Wykonaj podane kroki, aby zainstalować pakiety NPM dla TypeScript:
Krok 1: Ulepsz projekt TypeScript
Przed zainstalowaniem jakiegokolwiek pakietu NPM upewnij się, że masz skonfigurowany projekt TypeScript. W tym celu możesz użyć istniejącego projektu TypeScript lub zainicjować nowy, wykonując następujące polecenie:
npm init -I
Wykonując to polecenie, plik „ pakiet.json ” zostanie utworzony w projekcie, który zarządza zależnościami.
Krok 2: Wybierz pakiet NPM
Zidentyfikuj pakiet NPM, który chcesz zainstalować dla swojego projektu TypeScript. W tym celu przejrzyj NPM strona internetowa lub wyszukaj pakiety za pomocą następującego polecenia npm:
wyszukiwanie np < nazwa-pakietu >
Krok 3: Zainstaluj pakiet NPM
Aby zainstalować pakiet NPM, otwórz terminal lub wiersz polecenia i uruchom następujące polecenie:
Zastępować '
Krok 4: Zainstaluj deklaracje TypeScript
Jeśli instalowany pakiet nie ma wbudowanej obsługi języka TypeScript, użytkownicy muszą zainstalować deklaracje języka TypeScript oddzielnie. Deklaracje te dostarczają informacji o typie pakietu i umożliwiają statyczne sprawdzanie typu oraz inteligentne funkcje IDE w TypeScript. Aby to zrobić, użyj następującego polecenia „npm”:
Zastępować '
Krok 5: Importuj i używaj pakietu
Po zainstalowaniu pakietu i jego deklaracji jesteś gotowy do zaimportowania i wykorzystania go w kodzie TypeScript. Zaimportuj żądane funkcjonalności z pakietu do pliku TypeScript za pomocą instrukcji „import”, jak pokazano poniżej:
Zamień „funkcjonalność” na konkretną funkcjonalność do zaimportowania i „
Krok 6: Zbuduj i uruchom projekt TypeScript
Po zainstalowaniu pakietu NPM, zintegrowaniu deklaracji języka TypeScript i zaimportowaniu pakietu do kodu można przystąpić do tworzenia i uruchamiania projektu języka TypeScript. Użyj następującego polecenia „tsc”, aby przetransponować plik TypeScript do pliku JavaScript:
Następnie użytkownicy mogą wykonać polecenie „node”, aby uruchomić transpilowany plik JavaScript:
węzeł < NazwaPliku.js >Wprowadźmy powyższe wskazówki w życie.
Przykład: Instalowanie pakietów NPM dla TypeScript
Ten przykład instaluje TypeScript jako pakiet npm, dzięki czemu nasz kod może zostać skompilowany przy użyciu kompilatora TypeScript. Aby to zrobić, najpierw zainicjuj projekt za pomocą następującego polecenia:
Teraz wykonaj podane polecenie, aby zainstalować TypeScript:
npm i maszynopisPo pomyślnym wykonaniu polecenia „npm” TypeScript zostanie zainstalowany w projekcie i „ moduły_węzłów „katalog”, „ pakiet.json ” plik i „ pakiet-lock.json ”zostanie utworzony plik:
Zainstalowane zależności są pokazane w „ pakiet.json ”, który jest dostępny w sekcji zależności:
Teraz utwórz nową nazwę pliku „ przykład.ts ” w katalogu projektu i wykonaj następujący kod:
pozwalać przykład: ciąg znaków = 'Cześć, witamy na Linuxhint.com!' ;log konsoli ( przykład ) ;
W tym przykładzie:
- Zmienna jest tworzona i inicjowana wartością ciągu.
- Wartość zmiennej jest drukowana na ekranie/konsoli za pomocą metody console.log().
Aby przetransponować ten kod, użyj polecenia „tsc” wraz z nazwą pliku:
tsc przykład.tsUruchom podane poniżej polecenie „węzeł”, aby wykonać transpilowany plik:
przykład węzła.js Wyjście
To wszystko na temat instalacji pakietów NPM dla TypeScript.
Wniosek
Aby zainstalować pakiety NPM dla TypeScript, użyj „ instalacja npm ”, a następnie nazwę pakietu do zainstalowania. Pakiety NPM umożliwiają programistom korzystanie z różnych bibliotek i narzędzi innych firm. Postępując zgodnie z tym przewodnikiem krok po kroku, możesz łatwo zainstalować pakiety NPM, zintegrować deklaracje TypeScript i rozszerzyć swój projekt TypeScript o dodatkowe funkcje.