Webstorm編譯TypeScript


  Webstorm的安裝很簡單。但如果沒有Java For Mac 環境打開Webstorm時會有提示,點擊提示會跳轉下載鏈接,下載安裝就好。

安裝tsc編譯命令

  node.js 安裝pkg包一路點next后進入終端,鍵入npm驗證是否成功。

x

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

x

配置Webstorm

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

x

  在Arguments 鍵入:

$FileName$ --outDir $ProjectFileDir$\bin-debug\$FileDirRelativeToProjectRoot$  --sourcemap --target "ES5"

其中:--sourcemap(生成.map文件,用於瀏覽器調試)
--target "ES5"(指定使用編譯標准)

  然后點開“Output Filters…” 選擇tsc 點畫筆,選擇編譯輸出路徑。

x


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM