Hoe (en waarom) u TypeScript met Node en Express zou moeten gebruiken.

We kunnen autocomplete gebruiken in klassen die uit andere bestanden zijn geïmporteerd.

De moeilijkheid van het onderhoud is een van de belangrijkste redenen waarom Java- en C # ontwikkelaars de migratie van grote projecten naar JS vermijden. We kunnen zeggen dat Typescript een bedrijfstaal is die deze barrière overwint.

Hoe zet je een Express-project op met Typescript

Laten we nu stap voor stap een omgeving opzetten voor het gebruik van de taal Typescript binnen een Express.js project.

npm init

Laten we nu het typescript pakket installeren.

npm install typescript -s

Over het Typescript node pakket

Node.js is een engine die Javascript draait en geen Typescript. Met het node Typescript pakket kunt u uw .ts bestanden transporteren naar .js scripts. Babel kan ook worden gebruikt om Typescript te transporteren, maar de marktstandaard is om het officiële Microsoft-pakket te gebruiken.

In onze package.json zetten we een script met de naam tsc:

"scripts": {
"tsc": "tsc"
},

Deze wijziging stelt ons in staat om Typescript-functies vanaf de opdrachtregel in de map van het project aan te roepen. We kunnen dus het volgende commando gebruiken:

npm run tsc -- --init

Dit commando initialiseert het typescript project door het tsconfig.json bestand aan te maken. Binnen dit bestand zullen we de outDiroptie uitcommentariëren en een locatie kiezen voor de te leveren getranspileerde .js bestanden:

Installeren express.js

npm install express -s

Express en Typescript pakketten zijn onafhankelijk van elkaar. Het gevolg hiervan is dat Typescript de types van Express classes niet “kent”. Er is een specifiek npm package voor Typescript om de Express types te herkennen.

npm install @types/express -s

Hello world

Om de applicatie zo eenvoudig mogelijk te houden, gebruik ik het hello world voorbeeld van de express.js tutorial:

https://expressjs.com/pt-br/starter/hello-world.html

In ons project maken we een map aan met de naam app. In deze map maken we een bestand aan met de naam app.ts met de volgende inhoud:

Compileren van onze eerste applicatie:

npm run tsc

Zoals u kunt zien, heeft het commando automatisch de build map en het .js bestand aangemaakt.

Het uitvoeren van de express:

node build/app.js

Met dat, hebben we al een server draaien op poort 3000:

Typescript draaien zonder te transporteren

Je kunt typescript direct op het knooppunt draaien met het ts-node pakket.

Dit pakket wordt alleen aanbevolen voor ontwikkeling. Om het definitief in productie te zetten, gebruik altijd de javascript versie van uw project.

De ts-node is al opgenomen als een afhankelijkheid van een ander pakket, tts-node-dev. Na de installatie,ts-node-dev kunnen we commando’s uitvoeren die de server herstart telkens als een project bestand veranderd.

npm install ts-node-dev -s

In onze packege.json zullen we nog twee scripts toevoegen:

"scripts": {
"tsc": "tsc",
"dev": "ts-node-dev --respawn --transpileOnly ./app/app.ts",
"prod": "tsc && node ./build/app.js"
},

Om de ontwikkelomgeving te starten:

npm run dev

Om de server in produktie modus te draaien:

npm run prod

Het uiteindelijke project kan worden gevonden in de github repository:

Subscribe to Decoded, ons officiële YouTube kanaal!

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.