Paweł Łukasiewicz
2024-12-02
Paweł Łukasiewicz
2024-12-02
Udostępnij Udostępnij Kontakt
Wprowadzenie

W programowaniu pierwszym krokiem jest zawsze napisanie prostego programu, który wyświetli coś na ekranie. W przypadku TypeScript, zaczniemy od stworzenia programu, który wypisze "Witaj, TypeScript!" w konsoli.

Przygotowanie środowiska

Przed napisaniem pierwszego programu, upewnij się, że masz zainstalowane następujące elementy:

  • Node.js: TypeScript działa w środowisku Node.js, więc musisz mieć go zainstalowanego. Możesz go pobrać z oficjalnej strony Node.js.
  • TypeScript : Zainstaluj TypeScript za pomocą npm. Otwórz terminal i wpisz:
npm install -g typescript

Utworzenie pliku TypeScript

Utwórz nowy folder na swój projekt, a następnie w nim utwórz plik o nazwie app.ts. Możesz użyć dowolnego edytora tekstu, na przykład Visual Studio Code, Notepad++, lub innego IDE, które obsługuje TypeScript.

Prosty program

W pliku app.ts wpisz poniższy kod:

// app.ts 
const message: string = "Witaj, TypeScript!"; 
console.log(message);

W tym kodzie:

  • Tworzymy zmienną message, która ma typ string i przypisujemy jej wartość "Witaj, TypeScript!".
  • Następnie wypisujemy tę wiadomość na konsoli przy użyciu console.log().

Kompilacja programu

Aby uruchomić program TypeScript, najpierw musimy go skompilować do JavaScript. W tym celu w terminalu, w folderze, w którym znajduje się plik app.ts, wpisz:

tsc app.ts

To polecenie utworzy plik app.js, który jest skompilowaną wersją Twojego programu w JavaScript.

Przy wykonywaniu tego polecenia może pojawić się poniższy błąd:

tsc : File C:\Users\pawel\AppData\Roaming\npm\tsc.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at
https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1
+ tsc app.ts
+ ~~~
+ CategoryInfo          : SecurityError: (:) [], PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess

Jeżeli jesteście dociekliwi, odsyłam do artykułu: Learn/PowerShell/Microsoft.PowerShell.Security/Set-ExecutionPolicy (chodzi o domyślne ustawienia polityki wykonywania skryptów PowerShell na Twoim komputerze).

Jeżeli szukacie gotowego rozwiązania to wpiszcie w terminalu:

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned

Uruchomienie programu

Teraz możesz uruchomić program JavaScript, korzystając z Node.js. W terminalu wpisz:

node app.js

Po wykonaniu tego polecenia powinieneś zobaczyć na konsoli:

Witaj, TypeScript!

Podsumowanie

Gratulacje! Właśnie napisałeś swój pierwszy program w TypeScript. W tym kroku:

  • Nauczyłeś się, jak zainstalować TypeScript i jak skonfigurować środowisko.
  • Tworzyłeś plik TypeScript i pisałeś prosty kod.
  • Kompilowałeś kod TypeScript do JavaScript i uruchamiałeś go w Node.js.