WebStorm 2021.1現已發(fā)布：JavaScript和TypeScript擁有更智能代碼完成

翻譯|產品更新|編輯：鮑佳佳|2021-04-07 10:17:33.580|閱讀 254 次

概述：WebStorm 2021.1，今年的第一版更新已經發(fā)布！它具有JavaScript和TypeScript的更智能代碼完成功能，對Stylelint的增強支持，內置HTML預覽等等。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

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

下載WEBSTORM 2021.1

webstorm-2021-1發(fā)布

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

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

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

JavaScript和TypeScript

默認情況下啟用ML輔助代碼完成

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

要調整該功能的設置，請進入Preferences/Settings | Editor | General | Code Completion，并修改機器學習-輔助完成下的可用選項。

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

更好的符號名完成建議

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

改進的JSDoc語法突出顯示

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

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

禁止檢查文件

WebStorm允許您關閉整個項目或更詳細的級別（例如，語句或類）的單個檢查。

框架與技術

內置服務，用于協作開發(fā)和結對編程

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

啟用訪問cwm

在Vue中支持CSS模塊

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

css-module-vue-support

HTTP客戶端的增強功能

我們已經實現了一些增強功能，這些功能將使您使用內置HTTP客戶端的工作更加簡單。您可以使用新圖標折疊返回的輸出，快速滾動至響應的頂部或底部，單擊幾次即可查找和替換http：//協議的用法，等等。

ESLint的可配置范圍

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

運行文件夾板