[WebStorm] Mac 好用快捷鍵

WebStrom是眾所皆知厲害的前端開發軟體，這邊紀錄一下我覺得很好用的快捷鍵。（以下是在Mac環境底下安裝WebStorm預設的快捷鍵）以下👍👍👍表示我個人認為必會的快捷鍵

編輯

• command + option + L 格式化程式碼 👍（幫你把目前這頁的程式碼自動排版）（可以用 command + option + shift + L 設定要更新的格式化的條件）
• command + option + T 將選取的範圍外加入環繞的語法（例如 if-else、try-catch、function、for等很多種選擇，可以自己去試試看）
• option + ↑ 或 option + ↓ 選取向上或向下的程式碼“區塊” 👍👍
• command + shift + V 從剪貼簿裡選擇性貼上
• command +D 複製一份選取的程式碼並貼上 👍👍👍
• command + delete 刪除選取的整行
• option + enter 快速修復程式碼 👍👍👍（即滑鼠點的那個小燈泡）
• command + + 或 command + - 打開或收合程式碼區塊 👍👍👍
• command + enter 換行但游標還在原來位置
• shift + enter 快速換行（游標可以在任意位置使用）
• command + shift 完成當前程式碼（例如打for後使用快捷鍵，他會幫你自動補上後面的括號而且游標會放在括號內，方便你繼續輸入for的條件）👍👍
• command + shift + U 大小寫轉換
• control + T 重構（對想刪除、移動或修改名稱的變數使用）
• option +shift + ↑ 或 option + shift + ↓ 將此行程式碼（包含縮排）上移或下移
• command +shift + ↑ 或 command + shift + ↓ 將此行程式碼上移或下移 （自動縮排）👍👍👍
• option + → 或 option + ← 往右或往左跳一個單字 👍👍
• command + N 產生code
• command + option + M Extract Method
• command + option + P Extract Parameter

註解

• command + / 將選取的範圍每一行做單行註解 👍👍👍
• command + option + / 將選取的範圍做多行註解 👍👍👍

縮排

• control + shift + J 清除下面那行的程式碼縮排移上來
• tab 或 shift + tab 將選取的程式碼區塊或該行程式碼增加或減少縮排 👍👍👍
• control + option + I 自動調整選取區塊的縮排 👍

開啟

• command + 1 Focus Project 目錄
• esc Focus 編輯器
• command + E 開啟最近開啟的文件視窗

關閉頁面

• command + W 關閉當前頁面 👍👍
• shift + 左鍵頁籤 關閉點擊的頁籤

導航

• command + B 或 command + 左鍵變數 跳到宣告位置或查看此變數被使用的地方 👍👍👍
• command + option + B 查看實作 👍👍
• option + F7 查看此變數所有被使用的地方

搜尋 & 替代

• command + F 搜尋 👍👍👍
• command + R 替代 👍👍👍
• command +G 搜尋下一個
• command + shift + G 搜尋上一個
• command + shift + F 按路徑搜尋 👍👍👍
• command + shift + R 按路徑替代 👍👍👍

執行 & 除錯

• control * 2 執行
• command + option + R 除錯

其他

• command + shift + A 直接查詢可用的功能
• shift * 2 查詢所有（包含最近使用的檔案、可用的功能或是IDE的Preferences等）