webstorm使用教程

webstorm是一款前端javascript、html開發編輯的神器。以下，只是我總結的一部分技巧。更多的方法需要以後長時間的摸索和發現。

操作方法

（01）Version Control - 版本控制如果項目已經有了版本控制相關的文件夾，比如 。在 project 或者 編輯器右鍵可以看到對應的菜單。如果有這些文件夾，但是沒有出現版本控制的相關功能，可以到 Preferences 那裏設置。 Preferences > Version Control。

（02） 支持webstorm 支持 調試。具體設置看：使用 webstom 調試 node js 程序

（03）多光標option + click 在點擊處生成光標, esc 取消control + g 如果之前沒有選擇內容，則在相同的單詞處生成光標，如果之前選擇了內容，則在相同內容處生成光標，操作一次匹配一次。

（04）顯示行號、自動換行WebStorm默認是不顯示行號的，沒關係，顯示行號非常的容易。

（05）導入導出設置File > Export Settings導出用户設置。如下圖，你可以選擇要導出哪些類型的設置，也可以選擇導出到哪個目錄下。

（06）常用快捷鍵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': 顯示當前的函數結構。