起初編寫完TypeScript後是在命令行工具下編譯ts文件,後來發現ts文件內容一旦發生改變就要手動去執行編譯命令,難免降低了工
作效率。後來發現原來強大的Webstorm IDE也可以開發TypeScript,還支持自動編譯成js文件,用了那麼久Webstorm竟然都沒發
現,要不要這麼爽??
下面說一下完整的設置步驟吧
1.去node.js官網下載安裝node.js
2.下載安裝新版本的Webstorm
3.使用node的npm命令安裝typeScript編譯器
npm install typescript -g
安裝好,在命令行可以查看編譯器的版本
tsc -v
5.在Webstorm中右擊項目名,選擇new->tsconfig.json File,創建tsconfig.json文件
6.打開Webstorm,爲TypeScript文件更改編譯設置,File->Settings->File Watchers->TypeScript,這裏我們需要選擇TypeScript,但是
File Watchers下默認是不存在的。需要點擊右側“+”號,選擇<custom>,彈出 New Watcher,設置好圈紅線的部分,點擊ok。勾
選“TypeScript”,點擊ok。
7.設置typescript自動編譯,勾選下圖圈紅線的位置。
這樣,typescript的自動編譯功能就設置好了,測試一下,很帶勁,你只需要負責寫ts就好了,的確方便了很多。