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