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

點(diǎn)擊下載WebStorm最新試用版

在下面，您將找到WebStorm 2020.3 Beta的一些亮點(diǎn)。

調(diào)試時(shí)的交互式提示和嵌入式監(jiān)視

你可能已經(jīng)知道，當(dāng)執(zhí)行在斷點(diǎn)上停止時(shí)，WebStorm會向你顯示提示，并在變量的用法旁邊顯示其值。為了使這些提示更加有用，我們引入了一些改進(jìn)。

首先，內(nèi)聯(lián)提示現(xiàn)在是交互式的。你可以點(diǎn)擊它們來查看屬于變量的所有字段。你也可以通過點(diǎn)擊設(shè)置值來改變下拉列表里面的變量值。

另一個(gè)更新會影響到watches。以前，您的Watches保存在“Debug”工具窗口的“variable”選項(xiàng)卡下。當(dāng)您單步執(zhí)行代碼并移至其他上下文時(shí)，Watches可能會變成錯(cuò)誤。

盡管您仍然可以通過這種方式添加watches，但是在v2020.3中，我們通過添加嵌入式Watches解決了上述問題。現(xiàn)在，您可以將watch表達(dá)式綁定到代碼中與其相關(guān)的位置。為此，請?jiān)谕粡棾龃翱谥袉螕?Add Inline Watch"或者，您可以使用上下文菜單中的“Add Inline Watch”操作。

對Vue支持的增強(qiáng)

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

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

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

除此之外，還使IDE在Vue項(xiàng)目中正確地應(yīng)用了ESLint代碼樣式規(guī)則，并且改進(jìn)了與TypeScript語言服務(wù)的集成。

集成了TypeScript和問題工具窗口

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

現(xiàn)在，可以在“Probelm”工具窗口的“Project Errors”選項(xiàng)卡下找到該服務(wù)報(bào)告的所有錯(cuò)誤。

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

使WebStorm默認(rèn)打開特定文件

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

請記住，在macOS上，必須重新啟動計(jì)算機(jī)才能應(yīng)用更改。

升級到較新版本的IDE時(shí)，所選文件擴(kuò)展名關(guān)聯(lián)將保持不變。

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