JetBrains WebStorm2021是很火熱的Web前端開(kāi)發(fā)軟件，這款軟件可以完美適應(yīng)各種復(fù)雜客戶(hù)端開(kāi)發(fā)和Node.js的服務(wù)器端開(kāi)發(fā)，可以直接從IDE執(zhí)行許多常規(guī)任務(wù)，能夠快速安全重構(gòu)，使用安全重命名、移動(dòng)、刪除、提取方法、內(nèi)聯(lián)變量、將成員向上/拉下成員、更改簽名和許多其他重構(gòu)來(lái)可靠地重構(gòu)代碼。

軟件特色

1、代碼導(dǎo)航和用法搜索

函數(shù)、變量或標(biāo)簽的導(dǎo)航都可用一個(gè)熱鍵使用。

2、Javascript單元測(cè)試

如果你是一個(gè)Javascript的開(kāi)發(fā)者，你應(yīng)該知道對(duì)于你的程序來(lái)說(shuō)，代碼的質(zhì)量和正確性是非常重要的。那么，一致性測(cè)試和回歸性測(cè)試這種功能會(huì)使你輕松很多。

3、代碼檢測(cè)和快速修復(fù)

為保證更優(yōu)的代碼質(zhì)量，能快速地捕捉到Javascript中的常見(jiàn)錯(cuò)誤并提供快速的修復(fù)方案。

4、批量代碼分析

無(wú)需通過(guò)點(diǎn)擊所有文件或部署到服務(wù)器。整個(gè)源代碼樹(shù)的啟動(dòng)代碼分析，可以在一個(gè)單一的視圖中看到所有的結(jié)果。

5、支持HTML5

用創(chuàng)建一個(gè)新的HTML文檔，以便于在代碼中使用HTML5。假如我們想要使用一個(gè)canvas標(biāo)簽。不但要當(dāng)鍵 入”《ca”時(shí)IDE會(huì)知曉你的意圖并添加canvas標(biāo)簽，而且在按下Space鍵后它會(huì)提示HTML5屬性已被IDE支持。

6、顯示應(yīng)用樣式

是否想讓你的頁(yè)面中出現(xiàn)一個(gè)流行的樣式？右鍵單擊并選擇顯是應(yīng)用樣式標(biāo)簽。此命令將打開(kāi)的標(biāo)簽應(yīng)用到通過(guò)CSS樣式的樹(shù)視圖里的樣式。

安裝方法

1、下載解壓，得到軟件原程序、永久激活碼2021；

2、雙擊“WebStorm-211.4961.31.exe”開(kāi)始安裝軟件，點(diǎn)擊next；

3、設(shè)置安裝路徑，大家根據(jù)自己的情況安裝即可；

4、根據(jù)自己的需求來(lái)選擇勾選，點(diǎn)擊next；

5、點(diǎn)install開(kāi)始安裝，請(qǐng)耐心等待幾分鐘；

6、安裝完成后即可運(yùn)行軟件；

7、首次運(yùn)行軟件會(huì)讓用戶(hù)配置或?qū)朐O(shè)置、選擇主題，這些用戶(hù)都可以隨意設(shè)置，到注冊(cè)界面時(shí)，請(qǐng)選擇evaluate for free，點(diǎn)擊evaluate試用軟件；

8、接著再將本站提供的“jetbrains-agent-latest.zip”文件拖放到 IDE 窗口，并點(diǎn)擊restart；

9、點(diǎn)擊安裝和是；

10、不過(guò)這時(shí)還是全英文的，那么軟件怎么換成中文呢？接著此時(shí)同時(shí)按下鍵盤(pán)的Ctrl+ALT+S 打開(kāi) Settings -》 Plugins；

11、選擇“marketplace”接著在輸入框中輸入“Chinese”后即可找到漢化插件，點(diǎn)擊“install”進(jìn)行下載；

12、下載完成后點(diǎn)擊“restart ide”——“restart”；

13、然后重啟就是全中文的啦，用戶(hù)即可隨意使用。

怎么改字體大小

1、首先我們?cè)赪ebStorm中按快捷鍵【Ctrl + Shift + a】，然后輸入輸入font找到修改字體的功能。

2、將藍(lán)色選中區(qū)域的點(diǎn)擊為ON即可，然后按快捷鍵【Ctrl + 鼠標(biāo)滾動(dòng)鍵】就可以調(diào)節(jié)字體大小了。

3、還有一種方法是：進(jìn)入WebStorm后點(diǎn)擊菜單欄左上角的【File】，然后選擇【settings】。

4、在【Editor】功能中選擇【General】，然后是【Font】。

5、先點(diǎn)擊Save As，不然的話沒(méi)法選中字體更沒(méi)法改變字體了，然后直接點(diǎn)擊OK。

6、之后就可以隨意改變字體大小啦~ 最后點(diǎn)擊OK保存一下即可。

怎么改背景顏色

1、首先選擇WebStorm左上角的【File】，然后選擇設(shè)置【settings】。

2、然后選擇【Appearance & Behavior】功能中的【Appearance】，點(diǎn)擊下拉箭頭選擇你想要的背景顏色后OK保存即可。

3、這里選擇的是黑色Darcula為例子，夜間模式對(duì)眼睛會(huì)比較好。

4、還有一種方法是【File】------》【settings】------》【Editor】------》【Colors & Fonts】------》【HTML】------》在右半邊找到下拉選項(xiàng)選擇背景顏色后點(diǎn)擊OK保存即可。

怎么運(yùn)行html項(xiàng)目

1、首先，我們打開(kāi)自己的WebStrom軟件，打開(kāi)項(xiàng)目，找到任意一個(gè).html的文件。

2、我們選中某個(gè)html文件，然后右擊，在彈出的菜單中有一項(xiàng)是“run ***.html”。

3、點(diǎn)擊之后，我們電腦上默認(rèn)的瀏覽器就會(huì)自動(dòng)打開(kāi)這個(gè)頁(yè)面，并且該頁(yè)面有配置好的服務(wù)器。

4、剛才提示“run ***.html”的文字后面括號(hào)內(nèi)有（Ctrl+Shift+F10），這個(gè)是快捷鍵，我們可以在選中html文件后，同時(shí)按住鍵盤(pán)上的這三個(gè)鍵來(lái)在瀏覽器中打開(kāi)頁(yè)面。

5、WebStorm軟件的右上角有一個(gè)顯示當(dāng)前文件名稱(chēng)的部分，后面緊挨著的一個(gè)綠色三角形，點(diǎn)擊綠色三角就可以在瀏覽器中顯示頁(yè)面，或者按下提示的Shift+F10快捷鍵。

6、還有一個(gè)更直觀的方法，我們將鼠標(biāo)懸停到文件編輯區(qū)域的右上角，會(huì)浮現(xiàn)出幾個(gè)主流瀏覽器的圖標(biāo)，有些我們電腦上并沒(méi)有安裝，只要隨意點(diǎn)擊電腦上已經(jīng)安裝的瀏覽器，就會(huì)在相應(yīng)的瀏覽器中展現(xiàn)相應(yīng)的html頁(yè)面。

更新內(nèi)容

1、新的歡迎屏幕。

2、標(biāo)簽的改進(jìn)工作。

3、使用WebStorm打開(kāi)的文件。

4、支持Tailwind CSS。

5、根據(jù)用途創(chuàng)建React組件。