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啦，试试吧。
