由于 typescript 是一门编译型的语言,所以代码不能直接执行,需要编译。
但是每一次编写完成 ts 文件,做了一些修改之后,都需要我们执行一下命令去编译它,才会生成一个js文件。这给我们的开发工作带来了很多不便,所以可以用自动编译来监听每一次变化去自动编译 ts 文件
执行 tsc --init
这个命令会在当前项目目录里生成tsc目录下的配置文件 : tsconfig.json
修改配置文件的outDir 和 rootDir 配置项
outDir 是指 ts 文件编译的 js 文件的保存路径
rootDir 是指 源代码存放的根路径,也就是指定的输入文件的根目录
将这两项配置项解注释
执行 tsc --w
如图,则为已经开始 以监视模式启动编译。
注意:你的 ts 文件需要在你定义的 rootDir 目录下,否则会报错:
意思是你的文件不在 rootDir 这个目录下,需要把文件移动进 rootDir 目录下。