Pierwszy przykład programu TypeScript Hello World

Rozpoczęcie korzystania z TypeScript jest proste i przejrzyste. Jednym z najlepszych sposobów na rozpoczęcie jest napisanie programu "Hello World". Ten klasyczny przykład pomoże Ci zrozumieć podstawy składni TypeScript i proces kompilacji. W tym przewodniku przeprowadzimy Cię przez proces tworzenia i uruchamiania Twojego pierwszego programu TypeScript.

Wymagania wstępne

Zanim zaczniesz, upewnij się, że masz zainstalowany TypeScript w swoim systemie. Potrzebujesz również Node.js i npm (Node Package Manager), aby skompilować i uruchomić swój kod TypeScript. Jeśli jeszcze nie zainstalowałeś TypeScript, postępuj zgodnie z przewodnikiem instalacji, aby go skonfigurować.

Tworzenie pliku TypeScript

Najpierw utwórz nowy folder dla swojego projektu i przejdź do niego za pomocą terminala:

mkdir hello-world-ts
cd hello-world-ts

Następnie utwórz nowy plik TypeScript o nazwie hello.ts:

echo "console.log('Hello, TypeScript!');" > hello.ts

Pisanie programu Hello World

W pliku hello.ts wpisz następujący kod:

console.log('Hello, TypeScript!');

Ten prosty program wyświetla na konsoli komunikat „Witaj, TypeScript!”.

Kompilacja TypeScript do JavaScript

TypeScript musi zostać skompilowany do JavaScript, zanim będzie można go wykonać. Użyj kompilatora TypeScript (tsc), aby skompilować plik TypeScript:

npx tsc hello.ts

To polecenie generuje plik JavaScript o nazwie hello.js w tym samym katalogu. Możesz zweryfikować kompilację, sprawdzając zawartość wygenerowanego pliku JavaScript:

cat hello.js

Wynik powinien wyglądać następująco:

console.log('Hello, TypeScript!');

Uruchamianie pliku JavaScript

Aby zobaczyć wynik swojego programu, uruchom skompilowany plik JavaScript za pomocą Node.js:

node hello.js

Na konsoli powinien zostać wyświetlony następujący komunikat:

Hello, TypeScript!

Wniosek

Gratulacje! Właśnie stworzyłeś i wykonałeś swój pierwszy program TypeScript. Ten podstawowy przykład pokazuje, jak napisać kod TypeScript, skompilować go do JavaScript i uruchomić. W miarę jak będziesz się uczyć TypeScript, poznasz bardziej zaawansowane funkcje i możliwości, które czynią go potężnym narzędziem do nowoczesnego tworzenia stron internetowych.