Jak zainstalować TypeScript - przewodnik krok po kroku

TypeScript to popularny język programowania, który bazuje na JavaScript, dodając typy statyczne. Instalacja TypeScript jest prostym procesem, a ten przewodnik przeprowadzi Cię przez kroki, aby skonfigurować go na swoim komputerze.

Wymagania wstępne

Przed zainstalowaniem TypeScript upewnij się, że masz zainstalowane Node.js i npm (Node Package Manager). Node.js zapewnia środowisko wykonawcze do wykonywania JavaScript i TypeScript, podczas gdy npm służy do zarządzania pakietami i zależnościami.

node -v
npm -v

Jeśli te polecenia zwrócą numery wersji, możesz rozpocząć instalację TypeScript.

Instalowanie TypeScript

TypeScript można zainstalować globalnie w systemie lub lokalnie w ramach określonego projektu. Omówimy obie metody:

Instalacja globalna

Globalna instalacja TypeScript pozwala na używanie kompilatora TypeScript (`tsc`) z dowolnego miejsca w systemie.

  1. Otwórz terminal lub wiersz poleceń.
  2. Uruchom następujące polecenie, aby zainstalować TypeScript globalnie:
npm install -g typescript

To polecenie pobierze i zainstaluje pakiet TypeScript globalnie. Możesz zweryfikować instalację, sprawdzając wersję TypeScript:

tsc -v

Instalacja lokalna

Zaleca się lokalną instalację TypeScript w przypadku konfiguracji specyficznych dla projektu. W ten sposób różne projekty mogą używać różnych wersji TypeScript.

  1. Przejdź do katalogu swojego projektu za pomocą terminala:
cd path/to/your/project
  1. Aby zainstalować TypeScript lokalnie, uruchom następujące polecenie:
npm install typescript --save-dev

Po instalacji możesz używać języka TypeScript, dodając go do skryptów swojego projektu lub bezpośrednio używając polecenia `npx` w celu uruchomienia kompilatora TypeScript.

npx tsc -v

Konfigurowanie TypeScript

TypeScript wymaga pliku konfiguracyjnego (`tsconfig.json`) w celu określenia opcji kompilatora i ustawień projektu. Możesz utworzyć ten plik ręcznie lub wygenerować go za pomocą TypeScript CLI.

  1. Aby wygenerować domyślny plik `tsconfig.json`, uruchom:
npx tsc --init

To polecenie tworzy plik `tsconfig.json` w katalogu projektu z domyślnymi ustawieniami. Możesz zmodyfikować ten plik, aby dostosować opcje kompilatora do potrzeb projektu.

Weryfikacja instalacji

Aby mieć pewność, że TypeScript został zainstalowany poprawnie, utwórz prosty plik TypeScript i skompiluj go:

  1. Utwórz nowy plik TypeScript o nazwie `hello.ts` i następującej zawartości:
let message: string = "Hello, TypeScript!";
console.log(message);
  1. Skompiluj plik TypeScript do JavaScript za pomocą kompilatora TypeScript:
npx tsc hello.ts

Spowoduje to wygenerowanie pliku `hello.js` w tym samym katalogu. Uruchom skompilowany plik JavaScript za pomocą Node.js:

node hello.js

Na konsoli powinien pojawić się napis „Hello, TypeScript!”.

Wniosek

Instalacja TypeScript to prosty proces, który obejmuje skonfigurowanie Node.js, zainstalowanie TypeScript globalnie lub lokalnie i skonfigurowanie projektu. Postępując zgodnie z tymi krokami, uruchomisz TypeScript, gotowy do ulepszenia swojego środowiska programistycznego dzięki typowaniu statycznemu i zaawansowanym funkcjom.