JetBrains WebStorm(前端開發工具) V2021.2

　　Webstorm是JetBrains研發的一款功能全面的JavaScript開發工具，可以支持SASS、NodeJS、CoffeeScript、Jade，滿足前端工程師等專業人員的不同使用需求。小編這里帶來的JetBrains WebStorm新版本添加了不少新功能，想要嘗試新功能的用戶，趕快來下載吧。

功能特性

　　更智能的代碼補全

　　JavaScript 和 TypeScript 文件中的代碼補全建議現在采用了機器學習算法進行排序。

　　更好的符號名稱補全建議

　　現在會在顯示頂層變量以及函數和類名的補全建議時考慮文件名。

　　內置遠程協作開發服務

　　已整合 Code With Me，這是用于遠程協作開發和結對編程的新服務。開發者可以使用它進行實時合作編碼，并用 IDE 與其他人交流。

　　支持 Vue 中的 CSS 模塊

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

　　改進對 Stylelint 的支持

　　將鼠標懸停在文件中的問題上或將文本光標放在其上，然后按 Alt+Enter，選擇 Stylelint： Fix current file，即可使用 Stylelint 修復 CSS 代碼。此外，開發者現在可以在 Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint 的相應字段下指定配置文件的路徑。

　　內置 HTML 預覽

　　支持直接在 WebStorm 中預覽靜態 HTML 文件。開發者對 HTML 文件或鏈接的 CSS 和 JavaScript 文件所做的變更將被保存，并自動重新加載預覽，以便開發者查看變更。

　　支持調節字體粗細

　　開發者可選擇不同的編輯器字體，包括淺色、常規和粗體，在 Typography Settings in Preferences / Settings | Editor | Fonts 下調整這些新選項。

快捷鍵大全

　　ctrl+/ 單行注釋

　　ctrl+shift+/ 塊注釋

　　ctrl+shift+ +/- 展開/折疊

　　ctrl+alt+L 格式化代碼

　　ctrl+shift+ up/down 上下移動句子

　　Alt+回車 導入包，自動修正

　　Ctrl+N 查找類

　　Ctrl+Shift+N 查找文件

　　Ctrl+Alt+L 格式化代碼

　　Ctrl+Alt+O 優化導入的類和包

　　Alt+Insert 生成代碼（如get，set方法，構造函數等）

　　Ctrl+E或者Alt+Shift+C 最近更改的代碼

　　Ctrl+R 替換文本

　　Ctrl+F 查找文本

　　Ctrl+Shift+Space 自動補全代碼

　　Ctrl+空格 代碼提示

　　Ctrl+Alt+Space 類名或接口名提示

　　Ctrl+P 方法參數提示

　　Ctrl+Shift+Alt+N 查找類中的方法或變量

　　Alt+Shift+C 對比最近修改的代碼

　　Shift+F6 重構-重命名

　　Ctrl+Shift+先上鍵

　　Ctrl+X 刪除行

　　Ctrl+D 復制行

　　Ctrl+/ 或 Ctrl+Shift+/ 注釋（// 或者/*.。.*/ ）

　　Ctrl+J 自動代碼

　　Ctrl+E 最近打開的文件

　　Ctrl+H 顯示類結構圖

　　Ctrl+Q 顯示注釋文檔

　　Alt+F1 查找代碼所在位置

　　Alt+1 快速打開或隱藏工程面板

　　Ctrl+Alt+ left/right 返回至上次瀏覽的位置#p#分頁標題#e#

　　Alt+ left/right 切換代碼視圖

　　Alt+ Up/Down 在方法間快速移動定位

　　Ctrl+Shift+Up/Down 代碼向上/下移動

　　F2 或Shift+F2 高亮錯誤或警告快速定位