webstorm穩(wěn)定版是一款可視化的前端開發(fā)軟件，利用該軟件用戶們就可以在編輯代碼的時(shí)候，實(shí)時(shí)查看代碼在前端的效果，從而方便自己進(jìn)行隨時(shí)的調(diào)整。同時(shí)與社區(qū)版相比，穩(wěn)定版的功能更加強(qiáng)大，所以有需求的用戶，快來下載。

軟件功能

1.更智能的代碼補(bǔ)全

JavaScript 和 TypeScript 文件中的代碼補(bǔ)全建議現(xiàn)在采用了機(jī)器學(xué)習(xí)算法進(jìn)行排序。

2.更好的符號名稱補(bǔ)全建議

WebStorm 現(xiàn)在會(huì)在顯示頂層變量以及函數(shù)和類名的補(bǔ)全建議時(shí)考慮文件名。

3.內(nèi)置遠(yuǎn)程協(xié)作開發(fā)服務(wù)

WebStorm 已整合 Code With Me，這是用于遠(yuǎn)程協(xié)作開發(fā)和結(jié)對編程的新服務(wù)。開發(fā)者可以使用它進(jìn)行實(shí)時(shí)合作編碼，并用 IDE 與其他人交流。

4.支持 Vue 中的 CSS 模塊

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

5.改進(jìn)對 Stylelint 的支持

將鼠標(biāo)懸停在文件中的問題上或?qū)⑽谋竟鈽?biāo)放在其上，然后按 Alt+Enter，選擇 Stylelint: Fix current file，即可使用 Stylelint 修復(fù) CSS 代碼。此外，開發(fā)者現(xiàn)在可以在 Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint 的相應(yīng)字段下指定配置文件的路徑。

6.內(nèi)置 HTML 預(yù)覽

支持直接在 WebStorm 中預(yù)覽靜態(tài) HTML 文件。開發(fā)者對 HTML 文件或鏈接的 CSS 和 JavaScript 文件所做的變更將被保存，并自動(dòng)重新加載預(yù)覽，以便開發(fā)者查看變更。

7.支持調(diào)節(jié)字體粗細(xì)

開發(fā)者可選擇不同的編輯器字體，包括淺色、常規(guī)和粗體，在 Typography Settings in Preferences / Settings | Editor | Fonts 下調(diào)整這些新選項(xiàng)。

怎么調(diào)中文

1、打開WebStorm軟件，然后點(diǎn)擊File–Settings按鈕或者直接按下Ctrl+Alt+S組合鍵，打開Settings窗口。

2、在Settings窗口左側(cè)的菜單中，選擇Plugins，然后在右側(cè)的搜索欄中輸入“中文”，搜索插件。

3、選擇“Chinese（Simplified） Language Pack / 中文語言包”（PS：下載次數(shù)最多那個(gè)），然后點(diǎn)擊install安裝，安裝完安成后重啟WebStorm，漢化完成。

快捷鍵說明

1、Ctrl + Shift + n：打開工程中的文件，目的是打開當(dāng)前工程下任意目錄的文件。

2、Ctrl + j：輸出模板

3、Ctrl + b：跳到變量申明處

4、Ctrl + Alt + T：圍繞包裹代碼(包括zencoding的Wrap with Abbreviation)

5、Ctrl + []：匹配 {}[]

6、Ctrl + F12：可以顯示當(dāng)前文件的結(jié)構(gòu)

7、Ctrl + x：剪切(刪除)行，不選中，直接剪切整個(gè)行，如果選中部分內(nèi)容則剪切選中的內(nèi)容

8、Alt + left/right：標(biāo)簽切換

9、Ctrl + r：替換

10、Ctrl + Shift + up：行移動(dòng)

11、Shift + Alt + up：塊移動(dòng)(if(){},while(){}語句塊的移動(dòng))

12、Ctrl + d：行復(fù)制

13、Ctrl + Shift + ]/[：選中塊代碼

14、Ctrl + /：單行注釋

15、Ctrl + Shift + /：塊注釋

16、Ctrl + Shift + i：顯示當(dāng)前CSS選擇器或者JS函數(shù)的詳細(xì)信息

17、Ctrl + '-/+'：可以折疊項(xiàng)目中的任何代碼塊，它不是選中折疊，而是自動(dòng)識別折疊。

18、Ctrl + '.'：折疊選中的代碼的代碼。

更新內(nèi)容

1.修復(fù)已知bug

2.優(yōu)化操作體驗(yàn)