Node ve Express ile TypeScript Kurulumu

Öncelikle boş bir klasörde npm init komutuyla yeni bir NodeJS projesi oluşturduktan sonra başlayabiliriz.

Dependencyleri Yükleyelim

npm install express
npm install --save-dev typescript ts-node nodemon @types/node @types/express

TypeScript Konfigurasyonu

TypeScript konfigurasyonlarımızın tutulacağı tsconfig.json dosyamızı oluşturalım

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}

tsconfig.json dosyamızda görüldüğü gibi tüm TypeScript kodlarımızı src klasöründe yazacağız

Scriptlerin yazılması

package.json

{
  //...package.json
  "scripts": {
    "start": "node dist/index.js",
    "dev": "nodemon src/index.ts",
    "build": "tsc"
  }
}

index.ts dosyasının yazılması ve projeyi ayağa kaldırmak

Artık src klasörümüzde index.ts dosyamızı oluşturarak npm run dev komutu ile express projemizi çalıştırabiliriz.

src/index.ts

import express, { Request, Response } from "express";

const app = express();

app.get("/", (req: Request, res: Response) => {
  res.send("Hello World");
});

app.listen(5000, () => console.log("Server listening on http://localhost:5000"));

Output

$ npm run dev

> nodemon src/index.ts

[nodemon] 2.0.7
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: ts,json
[nodemon] starting `ts-node src/index.ts`
Server listening on http://localhost:5000

npm run build komutu ile projeyi buildleyerek npm start ile projenin JavaScripte compile edilmiş halini productionda ayağa kaldırabilirsiniz.

Blog

Node ve Express ile TypeScript Kurulumu

Artun Çolak

Dependencyleri Yükleyelim

TypeScript Konfigurasyonu

Scriptlerin yazılması

index.ts dosyasının yazılması ve projeyi ayağa kaldırmak

Join Our Newsletter. No Spam, Only the good stuff.

Related