用ts写Node+Express项目

第一步创建package.json文件        

使用npm init -y 快速创建package.json文件

npm init -y                                                                                                                                

第二步添加必要的npm包

npm i typescript -D 

npm i express  

npm i @types/express -D

npm i @types/node -D

npm i ts-node -D

第三步创建tsconfig.json文件 

在项目根目录下创建一个tsconfig.json文件，文件内容如下：

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["es6"],
    "module": "commonjs",
    "rootDir": "./",
    "resolveJsonModule": true,
    "allowJs": true,
    "outDir": "build",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitAny": true,
    "skipLibCheck": true,
  }
}

此时我们的配置就差不多了，接下来就开始写代码

第四步 开始编写代码 

在项目中创建一个src目录，目录下创建app.ts文件

//app.ts

//引入express框架
import express from "express";

//用常量app接收
const app = express();

//定义一个get请求，返回值为 'Hello World!' 
app.get("/", (req, res) => {
  res.send("Hello World!");
});

//在80端口启动我们的服务
app.listen(80, "127.0.0.1", () => {
  console.log("server is running on port http://127.0.0.1");
});

 第五步 设置代码热重载

node代码实现热重载只需引入一个node包，nodemon

npm i nodemon -D

 然后我们还需在package.json文件中的scripts中添加执行语句

  "scripts": {
    "dev": "nodemon --exec ts-node ./src/app.ts --watch ./src --ext .ts"
  },

这样我们只需要npm run dev,启动服务，就实现了，代码热重载