Webstorm是JetBrains研發(fā)的一款功能全面的Javascript開發(fā)工具,可以支持SASS、NodeJS、CoffeeScript、Jade,滿足前端工程師等專業(yè)人員的不同使用需求。小編這里帶來(lái)的JetBrains WebStorm新版本添加了不少新功能,想要嘗試新功能的用戶,趕快來(lái)下載吧。
功能特性
更智能的代碼補(bǔ)全
Javascript 和 TypeScript 文件中的代碼補(bǔ)全建議現(xiàn)在采用了機(jī)器學(xué)習(xí)算法進(jìn)行排序。
更好的符號(hào)名稱補(bǔ)全建議
現(xiàn)在會(huì)在顯示頂層變量以及函數(shù)和類名的補(bǔ)全建議時(shí)考慮文件名。
內(nèi)置遠(yuǎn)程協(xié)作開發(fā)服務(wù)
已整合 Code With Me,這是用于遠(yuǎn)程協(xié)作開發(fā)和結(jié)對(duì)編程的新服務(wù)。開發(fā)者可以使用它進(jìn)行實(shí)時(shí)合作編碼,并用 IDE 與其他人交流。
支持 Vue 中的 CSS 模塊
從 v2021.1 開始,將支持 .vue 文件中使用的 CSS 模塊。IDE 可正確解析 $style 屬性,為其提供代碼補(bǔ)全、導(dǎo)航和基本的重構(gòu)功能。
改進(jìn)對(duì) Stylelint 的支持
將鼠標(biāo)懸停在文件中的問(wèn)題上或?qū)⑽谋竟鈽?biāo)放在其上,然后按 Alt+Enter,選擇 Stylelint: Fix current file,即可使用 Stylelint 修復(fù) CSS 代碼。此外,開發(fā)者現(xiàn)在可以在 Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint 的相應(yīng)字段下指定配置文件的路徑。
內(nèi)置 HTML 預(yù)覽
支持直接在 WebStorm 中預(yù)覽靜態(tài) HTML 文件。開發(fā)者對(duì) HTML 文件或鏈接的 CSS 和 Javascript 文件所做的變更將被保存,并自動(dòng)重新加載預(yù)覽,以便開發(fā)者查看變更。
支持調(diào)節(jié)字體粗細(xì)
開發(fā)者可選擇不同的編輯器字體,包括淺色、常規(guī)和粗體,在 Typography Settings in Preferences / Settings | Editor | Fonts 下調(diào)整這些新選項(xiàng)。
快捷鍵大全
ctrl+/ 單行注釋
ctrl+shift+/ 塊注釋
ctrl+shift+ +/- 展開/折疊
ctrl+alt+L 格式化代碼
ctrl+shift+ up/down 上下移動(dòng)句子
Alt+回車 導(dǎo)入包,自動(dòng)修正
Ctrl+N 查找類
Ctrl+Shift+N 查找文件
Ctrl+Alt+L 格式化代碼
Ctrl+Alt+O 優(yōu)化導(dǎo)入的類和包
Alt+Insert 生成代碼(如get,set方法,構(gòu)造函數(shù)等)
Ctrl+E或者Alt+Shift+C 最近更改的代碼
Ctrl+R 替換文本
Ctrl+F 查找文本
Ctrl+Shift+Space 自動(dòng)補(bǔ)全代碼
Ctrl+空格 代碼提示
Ctrl+Alt+Space 類名或接口名提示
Ctrl+P 方法參數(shù)提示
Ctrl+Shift+Alt+N 查找類中的方法或變量
Alt+Shift+C 對(duì)比最近修改的代碼
Shift+F6 重構(gòu)-重命名
Ctrl+Shift+先上鍵
Ctrl+X 刪除行
Ctrl+D 復(fù)制行
Ctrl+/ 或 Ctrl+Shift+/ 注釋(// 或者/*.。.*/ )
Ctrl+J 自動(dòng)代碼
Ctrl+E 最近打開的文件
Ctrl+H 顯示類結(jié)構(gòu)圖
Ctrl+Q 顯示注釋文檔
Alt+F1 查找代碼所在位置
Alt+1 快速打開或隱藏工程面板
Ctrl+Alt+ left/right 返回至上次瀏覽的位置
Alt+ left/right 切換代碼視圖
Alt+ Up/Down 在方法間快速移動(dòng)定位
Ctrl+Shift+Up/Down 代碼向上/下移動(dòng)
F2 或Shift+F2 高亮錯(cuò)誤或警告快速定位