WebStorm是一款深受廣大程序員喜愛的 JavaScript 開發和Web前端開發工具，完美適應各種復雜客戶端開發和Node.js的服務器端開發。

點擊下載WebStorm最新試用版

在下面，您將找到WebStorm 2020.3 Beta的一些亮點。

調試時的交互式提示和嵌入式監視

你可能已經知道，當執行在斷點上停止時，WebStorm會向你顯示提示，并在變量的用法旁邊顯示其值。為了使這些提示更加有用，我們引入了一些改進。

首先，內聯提示現在是交互式的。你可以點擊它們來查看屬于變量的所有字段。你也可以通過點擊設置值來改變下拉列表里面的變量值。

另一個更新會影響到watches。以前，您的Watches保存在“Debug”工具窗口的“variable”選項卡下。當您單步執行代碼并移至其他上下文時，Watches可能會變成錯誤。

盡管您仍然可以通過這種方式添加watches，但是在v2020.3中，我們通過添加嵌入式Watches解決了上述問題。現在，您可以將watch表達式綁定到代碼中與其相關的位置。為此，請在同一彈出窗口中單擊"Add Inline Watch"或者，您可以使用上下文菜單中的“Add Inline Watch”操作。

對Vue支持的增強

對于此版本，我們沒有計劃對Vue支持進行任何大的更新，但仍有一些東西可以幫助您更好地使用Vue。

首先，我們解決了與Vue 3相關的許多問題。例如，WebStorm現在支持新引入的<腳本設置>語法。

現在，IDE可以正確識別新的defineComponent方法，使您可以使用所有的編碼輔助功能。

除此之外，還使IDE在Vue項目中正確地應用了ESLint代碼樣式規則，并且改進了與TypeScript語言服務的集成。

集成了TypeScript和問題工具窗口

現在已經將TypeScript語言服務集成到“問題”工具窗口中，并且擺脫了專用的TypeScript工具窗口。我們進行了此更改，以簡化WebStorm的UI，并幫助您從一個地方查看代碼中的所有關鍵問題。

現在，可以在“Probelm”工具窗口的“Project Errors”選項卡下找到該服務報告的所有錯誤。

要訪問以前在TypeScript工具窗口中可用的按鈕，可以在狀態欄上使用新的TypeScript小部件。從那里，您可以編譯代碼，重新啟動語言服務，然后跳轉到TypeScript設置。

使WebStorm默認打開特定文件

從v2020.3開始，使WebStorm成為打開特定文件類型的默認應用程序變得更加容易。轉到首Preferences/Settings | Editor | File Types 然后單擊 Associate File Types with WebStorm… ，在打開的對話框中，選擇要使用WebStorm打開的文件擴展名，然后單擊“OK ”保存更改。

請記住，在macOS上，必須重新啟動計算機才能應用更改。

升級到較新版本的IDE時，所選文件擴展名關聯將保持不變。

今天的內容就到這里，如果你想了解更多功能以及文章教程，點擊免費獲取！歡迎下載Webstorm體驗最新功能并在下方評論區分享您對該產品的想法。您的反饋意見可幫助我們在以后的文章教程中找到正確的方向，慧都作為JetBrains的正版代理商現WebStorm正版授權最低僅售529！