WebStorm 2021.1，今年的第一版更新已經(jīng)發(fā)布！它具有JavaScript和TypeScript的更智能代碼完成功能，對Stylelint的增強(qiáng)支持，內(nèi)置HTML預(yù)覽等等。

下載WEBSTORM 2021.1

如果您只有幾分鐘的時間來探索WebStorm 2021.1的新增功能，請，其中JetBrains的開發(fā)倡導(dǎo)者Paul Everitt回顧了最值得注意的更改。如果您想更深入地學(xué)習(xí)，請繼續(xù)閱讀！

該發(fā)行版主要側(cè)重于提高WebStorm的質(zhì)量，但也提供一些新功能。功能和改進(jìn)列表可以分為以下幾類：

• JavaScript和TypeScript：默認(rèn)情況下啟用ML輔助代碼完成功能，改進(jìn)了符號名稱的完成建議，更好的JSDoc語法突出顯示，并且可以逐個文件關(guān)閉檢查功能。
• 框架和技術(shù)：捆綁服務(wù)，用于遠(yuǎn)程協(xié)作開發(fā)和結(jié)對編程，對Vue中的CSS模塊的支持，HTTP客戶端改進(jìn)，ESLint的可配置范圍，JSON Lines支持以及JetBrains Space集成。
• HTML和CSS：Stylelint的多項(xiàng)改進(jìn)，內(nèi)置的HTML預(yù)覽以及使用CSS時檢查選擇器特異性的能力。
• 用戶界面：可調(diào)的編輯器字體粗細(xì)，拆分編輯器時最大化選項(xiàng)卡的功能，捆綁的MDN文檔等。
• 版本控制：改進(jìn)了對拉取請求的處理，對Git提交消息模板的支持，新的“保存到貨架”操作以及用于預(yù)提交檢查的可配置配置文件。

JavaScript和TypeScript

默認(rèn)情況下啟用ML輔助代碼完成

去年，我們?yōu)镴avaScript和TypeScript引入了實(shí)驗(yàn)性的ML輔助代碼完成功能。由于有關(guān)此功能的反饋和統(tǒng)計(jì)數(shù)據(jù)是肯定的，因此我們決定默認(rèn)情況下將其打開。現(xiàn)在，將使用機(jī)器學(xué)習(xí)算法對.js和.ts文件中的完成建議進(jìn)行排序。

要調(diào)整該功能的設(shè)置，請進(jìn)入Preferences/Settings | Editor | General | Code Completion，并修改機(jī)器學(xué)習(xí)-輔助完成下的可用選項(xiàng)。

您的隱私對我們來說是最重要的，所以請放心，在開啟這個新功能后，我們不會將您的個人數(shù)據(jù)和代碼發(fā)送到任何地方。如果您使用的是EAP構(gòu)建，我們只會收集您使用代碼完成的匿名數(shù)據(jù)。對于穩(wěn)定版本，比如這個版本，甚至不會收集這些使用信息。

更好的符號名完成建議

我們讓 JavaScript 和 TypeScript 的代碼完成變得更聰明了。WebStorm 現(xiàn)在在向你顯示頂層變量以及函數(shù)和類名的完成建議時，會考慮到文件名。

改進(jìn)的JSDoc語法突出顯示

為了讓 JSDoc 注釋更易讀，我們改進(jìn)了 WebStorm 高亮 JSDoc 語法的方式。您可以在Preferences/Settings | Editor | Color Scheme | JavaScript/TypeScript 中找到改變 JSDoc 元素顏色方案的新選項(xiàng)，包括 JSDoc 標(biāo)記值和類型。

如果您想更改默認(rèn)值，請取消選中“從以下位置繼承值”復(fù)選框，然后為所選元素設(shè)置所需的顏色。您可以使用預(yù)覽窗格從“首選項(xiàng)/設(shè)置”對話框中直接預(yù)覽更改。

禁止檢查文件

WebStorm允許您關(guān)閉整個項(xiàng)目或更詳細(xì)的級別（例如，語句或類）的單個檢查。

框架與技術(shù)

內(nèi)置服務(wù)，用于協(xié)作開發(fā)和結(jié)對編程

WebStorm現(xiàn)在捆綁了Code With Me，這是一個用于遠(yuǎn)程協(xié)作開發(fā)和結(jié)對編程的新JetBrains服務(wù)。您可以使用它進(jìn)行實(shí)時編碼，并通過IDE與其他人交談。

在Vue中支持CSS模塊

從v2021.1開始，WebStorm將正確支持.vue文件中使用的CSS模塊。IDE將正確解析$ style屬性，并為其提供代碼完成，導(dǎo)航和基本重構(gòu)功能。

HTTP客戶端的增強(qiáng)功能

我們已經(jīng)實(shí)現(xiàn)了一些增強(qiáng)功能，這些功能將使您使用內(nèi)置HTTP客戶端的工作更加簡單。您可以使用新圖標(biāo)折疊返回的輸出，快速滾動至響應(yīng)的頂部或底部，單擊幾次即可查找和替換http：//協(xié)議的用法，等等。

ESLint的可配置范圍

如果您已經(jīng)為.md或.coffee等文件設(shè)置了ESLint，現(xiàn)在您可以在編輯器中看到它報(bào)告的錯誤。為此，請將這些文件類型添加到一個新的 "為文件運(yùn)行 "字段中。你可以在Preferences/Settings | Languages & Frameworks - JavaScript - Code Quality Tools - ESLint中找到它。

支持JSON行

WebStorm現(xiàn)在正確支持JSON Lines文本格式。IDE將識別.jsonl、.jslines、.ldjson和.ndjson文件類型。

與JetBrains Space集成

如果您使用 JetBrains Space，您可以在那里將 WebStorm 連接到您的組織，以查看和克隆項(xiàng)目存儲庫，以及審查您的隊(duì)友的代碼。要開始使用，請從Preferences/Settings | Plugins中安裝Space插件。

要登錄Space，請點(diǎn)擊歡迎屏幕上的Get from VCS按鈕，選擇左側(cè)的Space，并在專用欄中輸入您的組織URL。您也可以通過主菜單或偏好/設(shè)置中的 "Tools | Space | Log In to Space "進(jìn)行登錄。

 未完待續(xù)………………下一章我們將接著講解Webstrom 2020.1在HTML和CSS和界面上的變化！

好了這就是今天的內(nèi)容了，如果今天的文章未解決你的需求，可點(diǎn)擊獲取更多免費(fèi)教程。不要忘了在評論與我們分享您的想法和建議！現(xiàn)Webstorm正版授權(quán)在線訂購最高立減3000元！低至1333！還有多種授權(quán)方式供你選擇。

====================================================

想要了解或購買Webstorm正版授權(quán)的朋友，歡迎

JetBrain技術(shù)交流群現(xiàn)已開通，QQ搜索群號“786598704”或者掃描下方二維碼即可加入