WebStorm開發TypeScript的設定

2022-05-01 20:06:09 字數 1158 閱讀 4069

webstorm ide可以開發typescript,同時支援自動編譯成js檔案,下面我們來進行一些簡單的配置。

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。

我的配置資訊為:

arguments:--sourcemap --target "es5"

output paths to refresh:$filenamewithoutextension$.js:$filenamewithoutextension$.js.map

working directory:$filedir$
7.設定typescript自動編譯,勾選下圖圈紅線的位置。

這樣,typescript的自動編譯功能就設定好了,可以發現我們編寫的ts檔案會自動轉為js檔案。

使用WebStorm開發TypeScript的設定

使用node的npm命令安裝typescript編譯器 cmd命令直接執行不成功的話,到node安裝目錄下再執行npm命令 如果你想安裝或更新最新版,執行npm install typescript g 如果你要安裝特定版本,就npm install typescript 1.0.0 g 需要聯網,...

前端開發環境webstorm搭建

用管理員開個命令列 mac open terminal npm install webpack g 註冊 輸入 拖入path到terminal npm install 會自動幫你把所有依賴全部安裝 除錯 npm start 表示啟動乙個服務開發他,就是開發模式。開啟 http localhost 3...

Nodejs 開發工具Webstorm安裝

2019 02 22 可用,選中間的activetion code 前提 修改本地的hosts配置檔案 etc hosts 最後一行新增這句話 0.0.0.0 account.jetbrains.com 然後去生成註冊碼 就ok了!3 將d program files jetbrains webst...