Webstorm的安裝很簡單。但如果沒有Java For Mac 環境打開Webstorm時會有提示,點擊提示會跳轉下載鏈接,下載安裝就好。
安裝tsc編譯命令
node.js 安裝pkg包一路點next后進入終端,鍵入npm驗證是否成功。

npm 安裝成功后繼續安裝tsc編譯器,鍵入:npm install -g typescript (如果有權限問題就加上sudo即:sudo npm install -g typescript)安裝成功驗證是否有tsc命令。

配置Webstorm
以上安裝成功后即可配置Webstorm,打開偏好設置->Tools->File Watchers->TypeScript 打開ts編譯選項。

在Arguments 鍵入:
$FileName$ --outDir $ProjectFileDir$\bin-debug\$FileDirRelativeToProjectRoot$ --sourcemap --target "ES5"
其中:
--sourcemap(生成.map文件,用於瀏覽器調試)
--target "ES5"(指定使用編譯標准)
然后點開“Output Filters…” 選擇tsc 點畫筆,選擇編譯輸出路徑。

