Webstorm IDE可以開發TypeScript，同時支持自動編譯成js文件，下面我們來進行一些簡單的配置。
1.去node.js官網下載安裝node.js
2.下載安裝新版本的Webstorm
3.使用node的npm命令安裝typeScript編譯器
npm install typescript -g
安裝好，在命令行可以查看編譯器的版本
tsc --version
4.打開Webstorm，新建一個空白項目，命名為typescript
5.在Webstorm中右擊項目名，選擇new->tsconfig.json File，創建tsconfig.json文件
6.打開Webstorm,為TypeScript文件更改編譯設置，File->Settings->File Watchers->TypeScript，這里我們需要選擇TypeScript，但是File Watchers下默認是不存在的。需要點擊右側“+”號，選擇,彈出 New Watcher，設置好圈紅線的部分，點擊ok。勾選“TypeScript”，點擊ok。
我的配置信息為：
Program：C:\Users\chenwei\AppData\Roaming\npm\tsc.cmd
Arguments：--sourcemap --target "ES5"
Output paths to refresh：$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
Working directory：$FileDir$
7.設置typescript自動編譯，勾選下圖圈紅線的位置。
這樣，typescript的自動編譯功能就設置好了，可以發現我們編寫的ts文件會自動轉為js文件。
