webstorm自动编译typescript

以前webstorm编译ts会有问题，刚试了一下最新版的webstorm9可以自动编译ts。按ctrl+s保存文件的时候，就能同时编译成js文件，很方便。
按照下面的步骤做就可以了。1. mac系统下在Preferences里搜索File Watchers。windows是在File-settings里。
2. 点击File Watchers左下方画红框的+号。windows是在右侧

 


3. 选择TypeScript
 


4.会弹出一个设置面板
按照下面图片里的设置勾选和填写内容
Arguments 那一行填写下面的内容
$FileName$ --outDir $ProjectFileDir$/bin-debug/$FileDirRelativeToProjectRoot$
program那行是tsc编译器的路径，安装过typescript以后应该默认是填好的。
win默认是C:\Users\username\AppData\Roaming\npm\tsc.cmd
5.点击画红框的Output Filters 
 
6.在弹出面板中点解画红框的笔
 


7.按照这个设置填写
然后一直点击ok，关闭设置
 

关闭了设置页面， 把这个对勾选上，就搞定了。