Hur (och varför) du bör använda TypeScript med Node och Express.

Vi kan använda autokomplettering i klasser som har importerats från andra filer.

Svårigheten att underhålla är en av de främsta anledningarna till att Java- och C-utvecklare undviker att flytta stora projekt till JS. Vi kan säga att Typescript är ett företagsspråk som övervinner detta hinder.

Hur man konfigurerar ett Express-projekt med Typescript

Låt oss nu ta ett steg för steg för att skapa en miljö för att använda Typescript-språket i ett Express.js-projekt.

npm init

Låt oss nu installera typescript-paketet.

npm install typescript -s

Om Typescript-node-paketet

Node.js är en motor som kör Javascript och inte Typescript. Med paketet node Typescript kan du transpila dina .ts-filer till .js-skript. Babel kan också användas för att transpila Typescript, men marknadsstandarden är att använda det officiella Microsoft-paketet.

Inom vår package.json kommer vi att lägga in ett skript som heter tsc:

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

Denna modifiering gör det möjligt för oss att anropa Typescript-funktioner från kommandoraden i projektmappen. Vi kan alltså använda följande kommando:

npm run tsc -- --init

Detta kommando initialiserar typescriptprojektet genom att skapa filen tsconfig.json. I denna fil kommer vi att avkommentera outDiralternativet och välja en plats för de transpilerade .js-filerna som ska levereras:

Installation av express.js

npm install express -s

Express- och Typescript-paketen är oberoende. Konsekvensen av detta är att Typescript inte ”känner till” typer av Express-klasser. Det finns ett specifikt npm-paket för att Typescript ska känna igen Express-typerna.

npm install @types/express -s

Hello world

För att få en så enkel tillämpning som möjligt använder jag exemplet hello world från express.js tutorial:

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

Inuti vårt projekt kommer vi att skapa en mapp som heter app. I denna mapp kommer vi att skapa en fil som heter app.ts med följande innehåll:

Kompilering av vår första applikation:

npm run tsc

Som du kan se skapade kommandot automatiskt byggmappen och .js-filen.

Körning av expressen:

node build/app.js

Med det har vi redan en server som körs på port 3000:

Körning av TypeScript utan att transpilera

Du kan köra Typescript direkt på noden med paketet ts-node.

Detta paket rekommenderas endast för utveckling. För att göra den slutliga distributionen i produktionen ska du alltid använda javascriptversionen av ditt projekt.

ts-node ingår redan som ett beroende på ett annat paket, tts-node-dev. Efter installation,ts-node-dev kan vi köra kommandon som startar om servern varje gång en projektfil ändras.

npm install ts-node-dev -s

Inom vår packege.json kommer vi att lägga till ytterligare två skript:

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

För att starta utvecklingsmiljön:

npm run dev

För att köra servern i produktionsläge:

npm run prod

Det slutgiltiga projektet finns i github-arkivet:

Prenumerera på Decoded, vår officiella YouTube-kanal!

Lämna ett svar

Din e-postadress kommer inte publiceras.