likes
comments
collection
share

如何实时自动编译 TS 文件

作者站长头像
站长
· 阅读数 37

如何编译 TypeScript

编译TypeScript有很多种方法,这里说其中一种比较快的。全局安装 typeScript

npm install typescript -g

全局安装之后会自动安装 tsc 命令行工具这时我们只要运行

tsc ./path/file.ts

就能在./path(同级目录下), 生成对应的js 文件

每次修改ts 之后自动编译,能否做到。答:tsc 已经帮我们实现了这个功能

tsc -w  ./path/file.ts

这样file.ts 一旦发生了变化, typescript 都会重新编译。然后我们运行node file.js, 就能在终端看到这个文件的执行结果

但是这里有一个问题:每次file.ts 改变了之后都需要手动运行 node file.js, 是不是太麻烦?

监控ts的改变,并运行返回结果

解决这个麻烦其实很简单,在 typescript 编译成功之后去自动运行一遍node file.js。我已经把这个做成了一个插件 tsc-cmd

npm install tsc-cmd -g
tsc-cmd ./path/file.ts

修改file.ts, 终端上面能够实时显示file.ts的执行结果。虽然是个小插件,但是给个星星支持吧。