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

【功能特點】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　隨便打開一個文件就可以看到其字體大小，這樣的話可以方便一會兒比較。

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

　　在打開的新窗口中找到“Editor”選項，點擊它前面的加號。

　　然后再找其子菜單中的選項，直到找到“Font”選項，點擊即可。

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

【怎么運行項目】

　　在文件列表對文件點右鍵，也可以找到運行和調(diào)試2個按鈕；

　　窗口右上角，也有這2個符號。如果你創(chuàng)建了一個node/express項目，會自動在這個項目添加一個運行配置；

　　可以點擊這個下拉框，修改運行配置；

　　例如從這里可以找到，這個運行配置實際上是運行入口文件"www"這個文件；

　　運行后，可以在控制臺看到運行輸出的信息。

【常用快捷鍵】

　　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: 剪切(刪除)行，不選中，直接剪切整個行，如果選中部分內(nèi)容則剪切選中的內(nèi)容

　　8. alt + left/right:標(biāo)簽切換

　　9. ctrl + r: 替換

　　10. ctrl + shift + up: 行移動

　　11. shift + alt + up: 塊移動(if(){},while(){}語句塊的移動)

　　12. ctrl + d: 行復(fù)制

　　13. ctrl + shift + ]/[: 選中塊代碼

　　14. ctrl + / : 單行注釋

　　15. ctrl + shift + / : 塊注釋

　　16. ctrl + shift + i : 顯示當(dāng)前CSS選擇器或者JS函數(shù)的詳細(xì)信息

　　17. ctrl + '-/+': 可以折疊項目中的任何代碼塊，它不是選中折疊，而是自動識別折疊。

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