Sådan bruger du TypeScript med dit Node.js-projekt

TypeScript er praktisk til at lave komplekse apps og robuste arkitekturer som mikrotjenester. Selvfølgelig kan TypeScript ikke gøre noget, som JavaScript ikke kan, men det kan gøre komplekse projekter mere overskuelige. TypeScripts strenge indtastning og understøttelse af grænseflader betyder, at den er fantastisk til objektorienteret programmering. Vi har set mange virksomheder henvende sig til TypeScript for at kode deres backend.

Der er ikke noget bedre tidspunkt at begynde at bruge TypeScript i dit Node.js-projekt end nu. Men hvordan kan du konfigurere det til dit Node.js-projekt? Det finder du ud af i denne artikel.

Hvad er TypeScript?

TypeScript er en kompileret, strengt skrevet version af JavaScript udviklet og vedligeholdt af Microsoft. TypeScript-kode overføres til JavaScript.

TypeScripts strenge indtastningskarakter hjælper udviklere med at undgå fejl i deres kode. Det vil kun kompilere kode, der opfylder reglerne for dens specificerede datatyper. Dette gør TypeScript-kode mere robust end dens rene JavaScript-modstykke.

Den understøtter også både funktionel og objektorienteret programmering. Alle disse funktioner gør den meget skalerbar og velegnet til at udvikle komplekse apps.

Sådan konfigureres TypeScript i Node. JS

Du bliver nødt til at trække et par konfigurationer frem her og der for at begynde at bruge TypeScript med dit Node.js-projekt. Men ingen bekymringer, det er nemt.

Sørg dog for, at du installer Node.js npm-pakken før du fortsætter.

Initialiser en package.json-fil

Åbn din terminal og opret en projektmappe. Indtast derefter denne nye mappe og initialiser et Node.js-projekt:

npm init

Ovenstående kommando opretter en package.json fil for at gemme dine afhængigheder.

Installer TypeScript og andre afhængigheder

Derefter skal du gå videre og installere TypeScript i dit Node.js-projekt:

npm i -D typescript

Det -D nøgleordet sikrer, at TypeScript bliver installeret som en del af afhængigheder i package.json.

Du skal også installere @typer/udtryk, en TypeScript-definition for Express.js:

npm installation -D @typer/express

Dernæst initialiser a tsconfig.json fil. Dette beskriver basiskompileringsmulighederne for dit projekt:

npx tsc --i det

Ovenstående kommando opretter en tsconfig.json fil i dit projekts rodmappe.

Installer også Express.js. Du kan springe dette over, hvis du kun har til hensigt at administrere servere med Node.js' indbyggede HTTP-primitiver. Men Express.js gør dette nemt:

npm installere udtrykke

Installer derefter nodemon, en pakke, der genstarter din server automatisk, hver gang der er ændringer i din kode. Sørg for at installere dette globalt for at det virker:

npm installere -g nodemon

Konfigurer TypeScript med Node. JS

Åbn tsconfig.json fil, du initialiserede tidligere ved hjælp af din valgt kodeeditor. Der kan være meget i denne fil. Selvom du måske konfigurerer denne fil i dens nuværende form, kan du erstatte hele dens indhold med nedenstående for at gøre det enklere.

Her er alt hvad du skal bruge tsconfig.json at komme i gang:

{
"compilerindstillinger": {
"modul": "commonjs",
"esModuleInterop": rigtigt,
"mål": "es6",
"modulOpløsning": "node",
"kildekort": rigtigt,
"udDir": "dist" //Specificerer transpiler-biblioteket. 
 },
"lib": ["es2015"]
}

Nu åben package.json. Sådan ser det ud i øjeblikket efter installation af TypeScript og Express:

Tilføj derefter følgende konfigurationer til scripts array:

"scripts": {
"prøve": "ekko \"Fejl: ingen test angivet\"&& udgang 1",
"bygge": "npx tsc",
"Start": "node ./dist/app.js",
"dist": "tsc -p.",
 "dev": "nodemon ./src/app.ts", //Erstatte dette med den korrekte vejviserstitil app.ts i dit sag
"type": "modul"
}

Ovenstående konfiguration peger på, at din server skal starte på app.js, transpileren. Ingen bekymringer, dette er en standardfil, der oprettes automatisk i en dist mappe, når du kører bygge manuskript. Du vil gøre dette senere.

Konfigurationen angiver derefter det primære udviklingsscript som app.ts.

Derfor, når du starter udviklingsmiljøet, nodemon løber app.ts. Node.js kompilerer derefter dette til JavaScript inde app.js—som kommunikerer med HTTP-serveren.

Dernæst skal du oprette en src mappe i dit projekts rodmappe. Inde i denne mappe skal du oprette en tom TypeScript-fil og navngive den app.ts.

Opret Transpiler Directory

Transpileren er en JavaScript-fil, der kompilerer TypeScript-kode til native JavaScript. Så dette sikrer, at serveren kan relatere til din kode som JavaScript i stedet for det strengt indtastede script.

Så mens TypeScript håndterer kodestruktur, kompilerer transpiler-filen den til JavaScript.

Kør nu bygge script til at oprette dist transpiler bibliotek automatisk:

npm køre build

Ovenstående kommando kompilerer din TypeScript-kode til JavaScript. Den oprettede mappe indeholder to filer; app.js og app.js.map.

Åben package.json en gang til. Du vil se en nøgle i arrayet med navnet vigtigste. Du kan se, at dens værdi peger på index.js. Udskift dette med app.js (transpiler) filmappe:

"vigtigste": "./dist/app.js",

Efter formatering, package.json skal se sådan ud:

Det er det for konfigurationsdelen.

Opret og kør en HTTP-anmodning

Prøv nu at oprette og køre en HTTP-anmodning via Express.js-serveren for at se, om din kode kompilerer, som den skal.

Inde app.ts:

importere express, {Request, Response} fra 'udtrykke'
konst app = express()
app.get('/', asynkron (anmodning: Forespørgsel, res: Svar)=>{
 console.log('Hej Verden')
 res.send('Hej Verden')
})
konst port = 8080
app.listen (port, (): ugyldig=>{
konsol.log(`App lytter kl http://localhost:${port}`)
})

Åbn derefter kommandolinjen til dit projekts rodmappe og kør dev script til at starte dit projekt:

npm køre dev

Åbn din browser og gå til lokal vært: 8080, og du vil se svaret (Hej Verden). Du vil også se dette i terminalen, hvis du har anvendt console.log kommando som vi gjorde i ovenstående eksempel.

TypeScript har høje efterspørgselsmuligheder

Der er næppe den store forskel mellem TypeScript og JavaScript. Men førstnævnte letter udviklingen med sin tilføjelse af streng tastning.

TypeScript er et værdifuldt sprog i frontend-frameworks som Angular, og vi kan ikke benægte dets ydeevne og skalerbarhed. Det bliver mere populært, og jobudsigterne for TypeScript-udviklere bliver ved med at stige.

En introduktion til Angular

Læs Næste

Om forfatteren