/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

0 vote134 views1 answer
Expressjs cors blocked mixed-content
Javascript Express
1 vote121 views1 answer
Express make request to api
Javascript Express
24 votes156 views2 answers
Express get query params from url
Javascript Express
4 votes151 views3 answers
Expressjs async await
Javascript Express
0 vote187 views1 answer
How to download express without view
Javascript Express
0 vote133 views1 answer
Express orm
Javascript Express
0 vote141 views1 answer
Express json body
Javascript Express
30 votes139 views6 answers
Express bodyparser deprecated
Javascript Express
0 vote127 views1 answer
Render raw html in response with Express
Javascript Express
59 votes253 views2 answers
Express js sample project
Javascript Express