WebStorm功能特點以及使用指南

webstorm功能特點以及使用指南

首先看看webstorm合其他的ide有什麼特別之處。

1) 自動儲存，不需要你一次又一次地ctrl+s啦，所有的操作都直接儲存，當然，萬一鍵盤誤操作也會被立即儲存，不過我們可以通過本地版本控制解決這個問題。

2) 任何乙個編輯器只要檔案關閉了就沒有歷史記錄了，但是webstorm有。就是說，只要webstorm不關閉，你的檔案隨時可以返回到之前的操作，webstorm關閉重啟後這些歷史記錄就沒有了。這樣的壞處也是顯然的，由此帶來的記憶體消耗也必然比較大。

3) 任何乙個編輯器，除了伺服器svn之外，沒有本地版本，但是webstorm提供乙個本地檔案修改歷史記錄。

4) 與時俱進的眼光。zencoding於2023年出現於it界，在這之後，鮮有工具直接整合到裡邊。webstorm 2.0之後就整合了。node.js,html5,git,cvs等就不一一枚舉了。

5)提供的外掛程式也是比較齊全，安裝非常方便。這樣帶來了另外的問題，以前的eclipse是安裝第三方的，webstorm貌似不能安裝第三方的外掛程式。

6) 可以匯出當前設定：file -> export setting。

接下來是配置和使用：

2）新增vim外掛程式：

file -> settings -> plugins -> browse repositories -> 搜尋vim，對它單擊右鍵download and install，然後重啟ide就可以了。

3）除了webstorm之外，此公司還提供另外乙個針對phper的開發工具,phpstorm，主頁上說明，phpstorm包括所有webstorm的功能。但是習慣於大括號去方法名在同一行顯示，所以還得配置：

in method declaration : end of line.

4） zencoding預設的快捷鍵是tab，如果你需要修改zencoding快捷鍵的話：file -> setting -> live templates 。

5）在開發js時發現，需要ctrl + return 才能選提示候選項，又需要配置：file -> setting -> editor -> code completion -> preselect the first suggestion:』smart』改為 always

6）注意的地方是：webstorm的除錯不支援中文路徑中文檔名。

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

1. ctrl + shift + n: 開啟工程中的檔案，目的是開啟當前工程下任意目錄的檔案。

2. ctrl + j: 輸出模板

3. ctrl + b: 跳到變數申明處

4. ctrl + alt + t: 圍繞包裹**(包括zencoding的wrap with abbreviation)

5. ctrl + : 匹配 {}

6. ctrl + f12: 可以顯示當前檔案的結構

7. ctrl + x: 剪下(刪除)行，不選中，直接剪下整個行，如果選中部分內容則剪下選中的內容

8. alt + left/right:標籤切換

9. ctrl + r: 替換

10. ctrl + shift + up: 行移動

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

12. ctrl + d: 行複製

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

14. ctrl + / : 單行注釋

15. ctrl + shift + / : 塊注釋

16. ctrl + shift + i : 顯示當前css選擇器或者js函式的詳細資訊

17. ctrl + '-/+': 可以摺疊專案中的任何**塊，它不是選中摺疊，而是自動識別摺疊。

18. ctrl + '.': 摺疊選中的**的**。

19. shift + esc: 當前啟用的任意小視窗最小化，也可以是alt+數字鍵，數字在小視窗有顯示。

20. alt + '7': 顯示當前的函式結構。

21. 如果是*.html頁面，則在檔名下的導航欄某dom結構上右鍵，可以全選當前dom結構。