/Javascript/Express/Setup express with typescript

Setup express with typescript

npm i express cors dotenv && npm i -D typescript tsc ts-node-dev @types/express @types/node @types/cors

//2)building tsconfig.json
tsc --init

//3) inside tsconfig.json
{
  "compilerOptions": {
 "target": "es6", 
  "module": "CommonJS",
   "outDir": "./dist", 
   "rootDir": "./",
   "strict": true,
    "noImplicitAny": false,
  }
}

//4) package.json
 "scripts": {
    "dev": "ts-node-dev --clear server.ts",
    "build": "tsc",
    "start": "node dist/server.js"
  },

Source: grepper.com

Express server typescript

//yarn add express cors
//yarn add @types/cors @types/express --dev

import express from 'express';
import cors from 'cors'; 

const app = express();
const router = express.Router()

router.get('/', function (req, res) {
  res.send("All systems operational")
})

app.use(cors());
app.use(router);
app.listen(3000, () => console.log('Listening on port 3000'));

Source: grepper.com

EXPRESS TYPESCRIPT STARTER

$ npm install -g typescript-express-starter

Source: npmjs.com

Code to run typescript with express <3

    "dev":"ts-node-dev --respawn --transpile-only src/app.ts "

Source: grepper.com

Similar codes

24 votes152 views2 answers
Express get query params from url
Javascript Express
2 votes136 views2 answers
How to send form data from react to express
Javascript Express
0 vote114 views1 answer
Express http to https
Javascript Express
0 vote150 views1 answer
Mutiple if in express handlebars
Javascript Express
8 votes134 views2 answers
PayloadTooLargeError: request entity too large using express json middleware
Javascript Express
0 vote132 views1 answer
Expressjs with mongodb
Javascript Express
7 votes178 views4 answers
Generate express app
Javascript Express
30 votes127 views2 answers
Express get params after ?
Javascript Express
0 vote117 views1 answer
Express generator error handling
Javascript Express
0 vote128 views1 answer
Express middleware status code always 200
Javascript Express