默認情況，WebStorm是提供了創建TypeScript的模版文件，但是不提供自動編譯ts文件為js和map文件。 網上找的一些教程，主要是教大家額外配置一個File Watcher來對ts文件進行自動編譯。后來我發現新版本的WebStorm已經提供自動編譯的功能了，只是需要設置一下。
-
WebStorm自帶配置自動編譯TypeScript功能 通過 File – Settings，調出 Settings界面，然后選擇以下的界面即可配置：
他默認Compile那里的Enable TypeScript Compiler是沒有打勾的，所以打上勾就可以了。 打勾后默認是使用選擇 Use tsconfig.json的設置方式的。所以你還得增加一份tsconfig.json配置文件。 WebStorm也是提供了模版，直接新建，選擇創建 tsconfig.json File即可。
tsconfig.json的默認信息：
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"sourceMap": true
},
"exclude": [
"node_modules"
]
}
具體的參數信息，可以考慮這里：https://www.tslang.cn/docs/handbook/tsconfig-json.html 如果不想使用tsconfig.json的話，那么可以直接使用WebStorm內置的參數選項，也就是旁邊的 Set options manually 我個人推薦是使用是tsconfig.json，畢竟方便自由，只要熟悉了配置信息，就好多了，而且egret和laya都是使用tsconfig.json的。
-
-
通過File Watcher來自動編譯TypeScript 這個就是網上介紹比較多的方式，我自己也是測試過，也是一樣是可以的，這個有點像Set options manually的方式，參數什么的需要自己配置。根據個人喜好了。一些參數的簡要說明：
-
Program:C:\Users\[username]\AppData\Roaming\npm\tsc.cmd
注意，這個安裝了nodejs之后就會有，請按照自己實際的用戶名
Arguments:--sourcemap --target "ES5"
Output paths to refresh:$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
Working directory:$FileDir$
其實參數之后配置，還可以根據自己的實際情況，配置不同的目錄，比如編譯后輸出到bin-debug目錄。