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
點畫筆,選擇編譯輸出路徑。