WebStorm2019是一款來(lái)自jetbrains公司出品的JS開(kāi)發(fā)工具。該軟件被稱(chēng)為Web前端開(kāi)發(fā)神器”、“最強(qiáng)大的HTML5編輯器”，通過(guò)最少的配置和周到的IDE集成，使用WebStorm可以更輕松地完成這些任務(wù)，非常適合程序員使用。

【功能特點(diǎn)】

　　智能的代碼補(bǔ)全：支持不同瀏覽器的提示，還包括所有用戶(hù)自定義的函數(shù)(項(xiàng)目中)

　　代碼補(bǔ)全包含了所有流行的庫(kù)，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

　　代碼格式化：代碼不僅可以格式化，而且所有規(guī)則都可以自己來(lái)定義。

　　html提示：大家經(jīng)常在js代碼中編寫(xiě)html代碼，一般來(lái)說(shuō)十分痛苦，不過(guò)有了智能提示，就爽多了。而且html里面還能有js提示。

　　聯(lián)想查詢(xún)：只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義；

　　代碼導(dǎo)航和用法查詢(xún)：項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮。

　　代碼重構(gòu)：這個(gè)操作有些像Resharper，熟悉Resharper的用戶(hù)應(yīng)該上手很快，支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動(dòng)/復(fù)制、安全刪除等等。

　　代碼檢查和快速修復(fù)：可以快速找到代碼中的錯(cuò)誤或者需要優(yōu)化的地方，并給出修改意見(jiàn)，快速修復(fù)。

　　代碼調(diào)試：支持代碼調(diào)試，界面和IDEA相似，非常方便。

　　代碼結(jié)構(gòu)瀏覽：可以快速瀏覽和定位

　　代碼折疊：功能雖小，不過(guò)勝在方便高效

【怎么設(shè)置中文】

　　1、將\Webstorm 2019.1\lib目錄下的resources_en.jar文件復(fù)制出來(lái)，并更名為resources_cn.jar，如果還沒(méi)下載語(yǔ)言包的話(huà)可以先下載過(guò)來(lái)；

　　2、雙擊打開(kāi)resources_cn.jar(注意是打開(kāi)而不是解壓出來(lái))，將下載的漢化包zh_CN目錄下的所有文件拖到剛才打開(kāi)的resources_cn.jar文件內(nèi)的messages目錄中，并保存。

　　3、將resources_cn.jar文件復(fù)制回.\Webstorm\lib目錄，或是直接把漢化包里面的resources_cn.jar復(fù)制到.\Webstorm\lib目錄即可。

　　4、漢化完畢，重新打開(kāi)Webstorm就可以顯示中文。

【怎么設(shè)置字體大小】

　　隨便打開(kāi)一個(gè)文件就可以看到其字體大小，這樣的話(huà)可以方便一會(huì)兒比較。

　　然后點(diǎn)擊上面菜單欄的“文件”，找到其子菜單中的“設(shè)置”，點(diǎn)擊打開(kāi)。

　　在打開(kāi)的新窗口中找到“Editor”選項(xiàng)，點(diǎn)擊它前面的加號(hào)。

　　然后再找其子菜單中的選項(xiàng)，直到找到“Font”選項(xiàng)，點(diǎn)擊即可。

　　這時(shí)候在右側(cè)就可以設(shè)置其字體和大小了，設(shè)置完成后點(diǎn)擊下面的確定按鈕即可。

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

　　在文件列表對(duì)文件點(diǎn)右鍵，也可以找到運(yùn)行和調(diào)試2個(gè)按鈕；

　　窗口右上角，也有這2個(gè)符號(hào)。如果你創(chuàng)建了一個(gè)node/express項(xiàng)目，會(huì)自動(dòng)在這個(gè)項(xiàng)目添加一個(gè)運(yùn)行配置；

　　可以點(diǎn)擊這個(gè)下拉框，修改運(yùn)行配置；

　　例如從這里可以找到，這個(gè)運(yùn)行配置實(shí)際上是運(yùn)行入口文件"www"這個(gè)文件；

　　運(yùn)行后，可以在控制臺(tái)看到運(yùn)行輸出的信息。

【常用快捷鍵】

　　1. ctrl + shift + n: 打開(kāi)工程中的文件，目的是打開(kāi)當(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(){}語(yǔ)句塊的移動(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)識(shí)別折疊。

　　18. ctrl + '.': 折疊選中的代碼的代碼。