Eerste TypeScript-programma Hallo Wereld Voorbeeld

Aan de slag gaan met TypeScript is eenvoudig en duidelijk. Een van de beste manieren om te beginnen is door een "Hello World"-programma te schrijven. Dit klassieke voorbeeld helpt u de basisprincipes van TypeScript-syntaxis en het compilatieproces te begrijpen. In deze gids leiden we u door het maken en uitvoeren van uw eerste TypeScript-programma.

Vereisten

Voordat u begint, moet u ervoor zorgen dat TypeScript op uw systeem is geïnstalleerd. U hebt ook Node.js en npm (Node Package Manager) nodig om uw TypeScript-code te compileren en uit te voeren. Als u TypeScript nog niet hebt geïnstalleerd, volgt u de installatiehandleiding om het in te stellen.

Uw TypeScript-bestand maken

Maak eerst een nieuwe map voor uw project en navigeer erheen via de terminal:

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

Maak vervolgens een nieuw TypeScript-bestand met de naam hello.ts:

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

Het schrijven van het Hello World-programma

Schrijf de volgende code in uw hello.ts-bestand:

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

Dit eenvoudige programma registreert het bericht "Hallo, TypeScript!" in de console.

TypeScript compileren naar JavaScript

TypeScript moet worden gecompileerd naar JavaScript voordat het kan worden uitgevoerd. Gebruik de TypeScript-compiler (tsc) om uw TypeScript-bestand te compileren:

npx tsc hello.ts

Deze opdracht genereert een JavaScript-bestand met de naam hello.js in dezelfde directory. U kunt de compilatie verifiëren door de inhoud van het gegenereerde JavaScript-bestand te controleren:

cat hello.js

De uitvoer zou er als volgt uit moeten zien:

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

Het JavaScript-bestand uitvoeren

Om de uitvoer van uw programma te bekijken, voert u het gecompileerde JavaScript-bestand uit met Node.js:

node hello.js

U zou het volgende bericht op de console moeten zien:

Hello, TypeScript!

Conclusie

Gefeliciteerd! U hebt zojuist uw eerste TypeScript-programma gemaakt en uitgevoerd. Dit basisvoorbeeld laat zien hoe u TypeScript-code schrijft, compileert naar JavaScript en uitvoert. Naarmate u TypeScript verder leert, ontdekt u meer geavanceerde functies en mogelijkheden die het een krachtig hulpmiddel maken voor moderne webontwikkeling.