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': 顯示當前的函數結構。