手动搭建koa+ts项目框架（ts项目实现开发阶段实时查看）

---

前言

上篇文章记录了手动简单搭建 koa+ts项目步骤
虽然可以直接编译后并开启服务，但如果修改./src内的文件，没法实时编译
以下介绍使用其他方法实现实时效果

---

优化脚本

咱使用以下依赖可实现边写边看实际效果（其中一个即可实现实时效果，都依赖typescript）

• ts-node-dev
• nodemon

安装上述三个依赖

npm i -D typescript ts-node-dev nodemon

• ts-node
  ts-node可以不用编译即可查看效果，但不是实时的

package.json具体脚本如下

{
    
    
 ...
  "scripts": {
    
    
    "start": "ts-node ./src/index.ts",
    "dev": "ts-node-dev --respawn ./src/index.ts",
    "dev-mon": "nodemon ./src/index.ts",
    "build": "rm -rf dist && tsc",
    "run": "tsc && node ./dist/index.js",
    ...
  },
  ...
}

执行dev或者dev-mon脚本，修改./src内的文件内容，查看http://localhost:3000/可显示修改后的效果

---

如有启发，可点赞收藏哟~