/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

83 votes208 views6 answers
Express nodejs
Javascript Express
5 votes106 views2 answers
Serve static files from express
Javascript Express
0 vote110 views1 answer
Expressjs with mongodb
Javascript Express
-1 vote111 views2 answers
Router vs app express
Javascript Express
0 vote101 views1 answer
Constantly send a request until a desired response is recieved expressjs
Javascript Express
1 vote95 views1 answer
What is express static
Javascript Express
0 vote112 views1 answer
Basic express graphql
Javascript Express
4 votes105 views1 answer
Node express post request json
Javascript Express
17 votes107 views3 answers
Express public folder
Javascript Express
24 votes129 views2 answers
Express get query params from url
Javascript Express