軟件介紹

WebStorm漢化版是一款非常強(qiáng)大的HTML5/JavaScript Web程序編寫(xiě)開(kāi)發(fā)軟件，軟件被avaScript開(kāi)發(fā)相關(guān)人員被稱之為“Web前端開(kāi)發(fā)神器”，可見(jiàn)軟件在前端開(kāi)發(fā)方面的能力那是碾壓式的，并且軟件在動(dòng)態(tài)調(diào)試方面也展現(xiàn)了非常好的功能表現(xiàn)，總之軟件展現(xiàn)了極強(qiáng)的綜合性，而且軟件還很好看喲~

本站為用戶們提供了便攜制作的WebStorm特別版，在本站下載WebStorm中文版之后就可以在電腦上打開(kāi)軟件使用，并且將軟件放在U盤(pán)里就可以在任何的電腦上免費(fèi)使用軟件的所有功能，超方便！快來(lái)下載WebStorm漢化版試試吧！

軟件特點(diǎn)

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

支持不同瀏覽器的提示，還包括所有用戶自定義的函數(shù)(項(xiàng)目中)

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

2、代碼格式化

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

3、Html提示

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

4、聯(lián)想查詢

只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義;可以全代碼導(dǎo)航和用法查詢代碼導(dǎo)航和用法查詢項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮。

5、代碼重構(gòu)

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

6、代碼檢查和快速修復(fù)

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

7、代碼調(diào)試

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

8、代碼結(jié)構(gòu)瀏覽

可以快速瀏覽和定位

9、代碼折疊

功能雖小，不過(guò)勝在方便高效

10、包裹或者去掉外圍代碼

自動(dòng)提示包裹或者去掉外圍代碼，一鍵搞定

WebStorm便攜增強(qiáng)版使用技巧

如何更改主題

（字體&配色）

File -> settings -> Editor -> colors&fonts -> scheme name.

如何讓webstorm啟動(dòng)的時(shí)候不打開(kāi)工程文件

File -> Settings->General去掉Reopen last project on startup.

如何完美顯示中文

File -> Settings->Appearance中勾選Override default fonts by (not recommended)，設(shè)置Name:NSimSun，Size:12

如何顯示行號(hào)

File -> Settings->Editor，”Show line numbers”打上勾，就顯示行號(hào)了

如何代碼自動(dòng)換行

File -> settings -> Editor “Use Soft Wraps in editor” 打上鉤，代碼就自動(dòng)換行了

如何點(diǎn)擊光標(biāo)，顯示在本行末尾

File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就行了。

如何修改快鍵鍵

File -> Settings->Keymap，然后雙擊要修改快捷的功能會(huì)有提示框出來(lái)，按提示操作

換成自己熟悉編輯器的快鍵鍵

File ->Settings->Keymap，支持像Visual Studio、Eclipse、NetBeans這樣的主流IDE。

javascript類庫(kù)提示

File -> settings -> Javascript -> Libraries -> 然后在列表里選擇自己經(jīng)常用到的javascript類庫(kù)，最后Download and Install就ok了.

在開(kāi)發(fā)js時(shí)發(fā)現(xiàn)，需要ctrl + return 才能選候選項(xiàng)

File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改為 “Always”

js提示比較遲緩

File -> Code Completion -> Autopopup in 下 1000改為0

git配置

File -> settings -> Editor -> github，進(jìn)去改github的賬戶，如果沒(méi)有g(shù)it則不需要.

插件安裝

File ->plugins，然后就選擇給力的插件們?cè)侔惭b.(“css-X-fire”插件,用于當(dāng)使用firebug修改css屬性時(shí)，編輯器內(nèi)的css代碼也會(huì)發(fā)生變化。）

在整個(gè)項(xiàng)目中搜索

1、Ctrl+N搜索類

ES6新增加了類，可以用Ctrl+N搜索

2、Ctrl+Shift+N按文件名搜索

由于js的類寫(xiě)法還沒(méi)有普及，搜索文件名更常用一些。

可以勾選上面的那個(gè)選項(xiàng)選擇是否搜索工程外面的文件

3、Ctrl+H查看類繼承關(guān)系

例如看這個(gè)接口的實(shí)現(xiàn)類。繼承關(guān)系窗口左上角有2個(gè)按鈕，一個(gè)查看

4、Alt+F7查找函數(shù)或變量在哪被使用

光標(biāo)選中一個(gè)函數(shù)或變量，然后按alt+f7可以打開(kāi)一個(gè)窗口，查看調(diào)用該變量或者函數(shù)的地方。

5、Ctrl+F/Ctrl+Shift+F按照文本的內(nèi)容查找

Ctrl+F僅在本頁(yè)查找

Ctrl+Shift+F從多個(gè)文件查找，可以自定義查找范圍。

6、Shift+Shift類

文件，配置項(xiàng)，快捷鍵，函數(shù)，路徑等等都能搜索。

搜索時(shí)，搜索字符串帶/就可以搜索路徑了

WebStorm中文特別版特別說(shuō)明

便攜制作，修改配置到了bin\ideaConfig目錄下。軟件能夠放U盤(pán)，隨意移動(dòng)使用。

集成特別

【可選】集成最新漢化，界面全中文

集成插件：Translation翻譯插件，在軟件右上角或者選擇文本后右鍵即可看到翻譯菜單

集成插件：CodeGlance，能在代碼區(qū)域右邊看到代碼縮略圖，類似sublime的瀏覽功能

集成阿里巴巴代碼規(guī)范檢測(cè)

優(yōu)化啟動(dòng)速度，修改主程序主題，允許設(shè)置背景圖片

注意事項(xiàng)

從2019版本開(kāi)始，無(wú)法使用相對(duì)路徑載入補(bǔ)丁了，新版本軟件根目錄有啟動(dòng)器“WebStormLauncher.jar”

請(qǐng)運(yùn)行啟動(dòng)器來(lái)打開(kāi)便攜版本。

只要不移動(dòng)位置，啟動(dòng)器只需要打開(kāi)運(yùn)行一次。下次可以直接在bin目錄里面打開(kāi)主程序。