ts、typeScript，监听ts文件变化，自动编译并运行ts文件

众所周知typeScript是不能直接运行的，同时也是不被浏览器所识别的，它需要编译成js文件后才能运行；这样就造成了很多不便，有没有什么办法能够像vue、react的热更新一样，只要改变代码，保存后就能自动的编译；而不需要我们自己手动的去使用tsc来编译呢？方法当然是有的；

1、使用ts-node直接运行ts文件

通过npm全局安装ts-node插件

npm install -D ts-node

直接在终端使用ts-node运行ts文件

ts-node ./src/croller.ts

此时可以在终端看到已经运行了ts文件，当然实际上它也是编译后运行的；

2、监听文件变化，并自动运行

首先安装nodemon，它能帮助我们自动运行编译后的js文件；

npm install --save-dev nodemon

在文件package.json文件中修改scripts，以下是我的package.json文件：

{
  "name": "ts-reptile",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "tsc -w"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/superagent": "^4.1.10",
    "nodemon": "^2.0.4",
    "ts-node": "^9.0.0",
    "typescript": "^4.0.2"
  },
  "dependencies": {
    "@types/cheerio": "^0.22.21",
    "cheerio": "^1.0.0-rc.3",
    "superagent": "^6.0.0"
  }
}

npm run build
npm run start

添加了build和start，运行两个命令，通过tsc -w来持续监听文件的变化，然后自动编译成js文件，再通过nodemon自动运行编译后的js文件，从而方便快捷优雅的编写ts代码。