/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

69 votes298 views6 answers
Express redirect to url
Javascript Express
0 vote173 views1 answer
Basic express graphql
Javascript Express
0 vote168 views1 answer
Express js boilerplate
Javascript Express
15 votes187 views2 answers
Static folder express
Javascript Express
1 vote187 views1 answer
Redirect all request http to https express js
Javascript Express
0 vote187 views1 answer
How to know if express is intalled
Javascript Express
59 votes332 views2 answers
Express js sample project
Javascript Express
0 vote180 views1 answer
How to combine folder for render in express js
Javascript Express
31 votes226 views4 answers
Express cors policy
Javascript Express
6 votes179 views6 answers
Express return json
Javascript Express