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

下載WEBSTORM 2021.1

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

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

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

JavaScript和TypeScript

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

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

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

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

更好的符號(hào)名完成建議

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

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

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

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

禁止檢查文件

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

框架與技術(shù)

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

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

在Vue中支持CSS模塊

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

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

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

ESLint的可配置范圍

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

支持JSON行

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

與JetBrains Space集成

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

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

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

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

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

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

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