(一)webstorm 配置编译typeScript

1、安装typeScript

npm install typescript -g

2、tsconfig.json 初始化

tsc --init

打开配置outDir 字段

image.png

3、打开Webstorm,为TypeScript文件更改编译设置，File->Settings->File Watchers->TypeScript，这里我们需要选择TypeScript，但是File Watchers下默认是不存在的。需要点击右侧“+”号，选择,弹出 New Watcher，设置好圈红线的部分，点击ok。勾选“TypeScript”，点击ok。

image.png
image.png

我的配置信息为：

Program：C:\Users\chenwei\AppData\Roaming\npm\tsc.cmd
Arguments：--sourcemap --target "ES5"
Output paths to refresh：.js:.js.map
Working directory：

3、 设置typescript自动编译，勾选下图圈红线的位置。

image.png

这样就ok啦，试试吧。