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.
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.
Przed napisaniem pierwszego programu, upewnij się, że masz zainstalowane następujące elementy:
npm install -g 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.
W pliku app.ts wpisz poniższy kod:
// app.ts
const message: string = "Witaj, TypeScript!";
console.log(message);
W tym kodzie:
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
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!
Gratulacje! Właśnie napisałeś swój pierwszy program w TypeScript. W tym kroku: