WebStorm開發TypeScript的設置

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文件。