之前跟大家大家走馬觀花介紹了WebStorm的功能特點(diǎn)（http://www./webstorm）,，那么,，相對(duì)于其他的前端開(kāi)發(fā)IDE，WebStorm的亮點(diǎn)在哪呢 ,？在使用過(guò)程中又有哪些需要注意的地方呢 ,？ 現(xiàn)在我們就來(lái)了解一下吧。

首先看看WebStorm合其他的IDE有什么特別之處,。
1) 自動(dòng)保存,，不需要你一次又一次地ctrl+s啦，所有的操作都直接存儲(chǔ),，當(dāng)然,，萬(wàn)一鍵盤(pán)誤操作也會(huì)被立即存儲(chǔ)，不過(guò)我們可以通過(guò)本地版本控制解決這個(gè)問(wèn)題,。
2) 任何一個(gè)編輯器只要文件關(guān)閉了就沒(méi)有歷史記錄了,，但是webstorm有。就是說(shuō),，只要webstorm不關(guān)閉,，你的文件隨時(shí)可以返回到之前的操作，webstorm關(guān)閉重啟后這些歷史記錄就沒(méi)有了。這樣的壞處也是顯然的,，由此帶來(lái)的內(nèi)存消耗也必然比較大,。
3) 任何一個(gè)編輯器，除了服務(wù)器svn之外,，沒(méi)有本地版本,，但是webstorm提供一個(gè)本地文件修改歷史記錄。
4) 與時(shí)俱進(jìn)的眼光,。zencoding于2009年出現(xiàn)于it界,，在這之后，鮮有工具直接集成到里邊,。webstorm 2.0之后就集成了,。node.js,html5,git,cvs等 就不一一列舉了。
5)提供的插件也是比較齊全,，安裝非常方便,。這樣帶來(lái)了另外的問(wèn)題，以前的eclipse是安裝第三方的,，webstorm貌似不能安裝第三方的插件,。
6) 可以導(dǎo)出當(dāng)前設(shè)置：File -> Export setting。

截下來(lái)是配置和使用：
1） 主題,，把下載好的主題包放在C:\Users\jikey(用戶名)\.WebIde10\config\colors目錄下,，然后重啟webstorm，settings –> colors & fonts –>scheme name中選擇主題名,。
如果出現(xiàn)特別長(zhǎng)代碼對(duì)齊白線,，在Editor –> Appearance –> Show vertical indent guides 前面的勾去掉即可。
2） 添加VIM插件：
File -> Settings -> Plugins -> Browse repositories -> 搜索vim,，對(duì)它單擊右鍵Download and install,，然后重啟IDE就可以了。
3） 除了webstorm之外,，此公司還提供另外一個(gè)針對(duì)phper的開(kāi)發(fā)工具,phpStorm,，主頁(yè)上說(shuō)明，phpstorm包括所有webstorm的功能,。但是習(xí)慣于大括號(hào)去方法名在同一行顯示,，所以還得配置：
File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->
In method declaration : End of line.
4） zencoding默認(rèn)的快捷鍵是Tab，如果你需要修改zencoding快捷鍵的話：File -> Setting -> Live Templates ,。
5） 在開(kāi)發(fā)js時(shí)發(fā)現(xiàn),，需要ctrl + return 才能選提示候選項(xiàng)，又需要配置：File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion:’Smart’ 改為 Always
6） 注意的地方是：Webstorm的調(diào)試不支持中文路徑中文文件名,。

下面是Webstorm的一些常用快捷鍵：

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 + '.': 折疊選中的代碼的代碼。
19. shift + esc: 當(dāng)前激活的任意小窗口最小化,，也可以是alt+數(shù)字鍵,，數(shù)字在小窗口有顯示。
20. alt + '7': 顯示當(dāng)前的函數(shù)結(jié)構(gòu),。
21. 如果是*.html頁(yè)面,，則在文件名下的導(dǎo)航欄某DOM結(jié)構(gòu)上右鍵，可以全選當(dāng)前DOM結(jié)構(gòu),。