mkdir typescript-node cd typescript-node npm init -y 

npm i -D typescript ts-node @tsconfig/node16 nodemon 

npx tsc --init 

{  "$schema": "https://json.schemastore.org/tsconfig",  "display": "Node 16",  "extends": "@tsconfig/node16/tsconfig.json" /* ใช้ node 16 config */,   "compilerOptions": {  "lib": ["es2021"] /* กำหนดว่าตอนเขียนด้วย js version อะไร */,  "module": "commonjs" /* กำหนดว่าจะใช้ module แบบไหน commonjs หรือ esm*/,  "target": "es2021" /* กำหนดว่าให้ complie เป็น js version อะไร */,   "outDir": "./dist" /* ระบุโฟลเดอร์ output (JavaScript) */,  "rootDir": "./src" /* ระบุโฟลเดอร์ sourcecode (TypeScript) */,   "strict": true /* เปิดใช้ strict type-checking options*/,  "esModuleInterop": true /* อนุญาติให้ complie ES module เป็น commonjs*/,  "skipLibCheck": true,  "forceConsistentCasingInFileNames": true,  "moduleResolution": "node"  } } 

"scripts": {  "dev": "nodemon",  "build": "tsc --project ./"  "prod": "npm run build && node dist/index.js" },  

{  "watch": ["src"],  "ext": "ts",  "ignore": ["src/**/*.spec.ts"],  "exec": "ts-node ./src/index.ts" } 

const geeting = (name: string) => {  console.log(`Hello ${name} from TypeScript.`) }  geeting('Ball') 

> typescript-node@1.0.0 dev D:\workspaces\playgounds\typescript-node > nodemon  [nodemon] 2.0.7 [nodemon] to restart at any time, enter `rs` [nodemon] watching path(s): src\**\* [nodemon] watching extensions: ts [nodemon] starting `ts-node ./src/index.ts` Hello Ball from TypeScript. [nodemon] clean exit - waiting for changes before restart  

[nodemon] restarting due to changes... [nodemon] starting `ts-node ./src/index.ts` Hello Stamp from TypeScript. [nodemon] clean exit - waiting for changes before restart  

// dist/index.js 'use strict' const geeting = (name) => {  console.log(`Hello ${name} from TypeScript.`) } geeting('Stamp') 

import express from 'express'  const app = express()  const PORT = 8000  app.get('/', (req, res) => res.send('Express + TypeScript Server'))  app.listen(PORT, () => {  console.log(`Server is running at http://localhost:${PORT}`) }) 

npm i -D @types/node @types/express 

npm run dev  > typescript-node@1.0.0 dev D:\workspaces\playgounds\typescript-node > nodemon  [nodemon] 2.0.7 [nodemon] to restart at any time, enter `rs` [nodemon] watching path(s): src\**\* [nodemon] watching extensions: ts [nodemon] starting `ts-node ./src/index.ts` Server is running at http://localhost:8000 

import express, { Application, Request, Response } from 'express'  const app: Application = express()  const PORT: number = 8000  app.get('/', (req: Request, res: Response) => {  res.send('Express + TypeScript Server') })  app.listen(PORT, () => {  console.log(`Server is running at http://localhost:${PORT}`) }) 

npm install eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev 

module.exports = {  parser: '@typescript-eslint/parser',  parserOptions: {  ecmaVersion: 'latest', // Allows the use of modern ECMAScript features  sourceType: 'module', // Allows for the use of imports  },  plugins: ['@typescript-eslint'],  env: {  node: true, // Enable Node.js global variables  },  extends: [  'eslint:recommended',  'plugin:@typescript-eslint/eslint-recommended',  'plugin:@typescript-eslint/recommended', // Uses the linting rules from @typescript-eslint/eslint-plugin  ],  rules: {  // https://eslint.org/docs/latest/rules/  'no-console': 1, // Means warning  }, } 

node_modules dist 

"scripts": {   "dev": "nodemon",   "build": "tsc --project ./"   "prod": "npm run build && node dist/index.js" + "lint": "eslint . --fix" }, 

npm install --save-dev eslint-config-prettier eslint-plugin-prettier 

module.exports = {   parser: '@typescript-eslint/parser',   parserOptions: {   ecmaVersion: 'latest', // Allows the use of modern ECMAScript features   sourceType: 'module', // Allows for the use of imports   },   plugins: [ '@typescript-eslint', + 'prettier'   ],   env: {   node: true, // Enable Node.js global variables   },   extends: [   'eslint:recommended',   'plugin:@typescript-eslint/eslint-recommended',   'plugin:@typescript-eslint/recommended', // Uses the linting rules from @typescript-eslint/eslint-plugin + 'plugin:prettier/recommended',   ],   rules: {   'no-console': 1, // Means warning + 'prettier/prettier': [ + 'error', + { + singleQuote: true, + parser: 'flow', + },   ],   }, }; 

{  "useTabs": false,  "tabWidth": 2,  "singleQuote": true,  "printWidth": 120,  "trailingComma": "es5" } 

{  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],  "editor.defaultFormatter": "esbenp.prettier-vscode",  "editor.formatOnPaste": true,  "editor.formatOnSave": true,  "editor.codeActionsOnPaste": {  "source.fixAll.eslint": true  },  "editor.codeActionsOnSave": {  "source.fixAll.eslint": true  } }