Visual Studio Code 常用快捷鍵 筆記

說明

此篇會以 mac 系統為主，若是 Windows 系統需要自行調整快捷鍵按法
一般常用的快捷鍵可以按 ⌘K ⌘R 它會在瀏覽器跳出一張表
所有的快捷鍵可以按 ⌘K ⌘S 打開快捷鍵設定查看
這篇文章會記錄一些我比較常用的快捷鍵
或是一些我不常用但很好用的快捷鍵

Mac 鍵盤快速鍵

Command（或 Cmd）鍵 ⌘
Control（或 Ctrl）鍵 ⌃
Option（或 Alt）鍵 ⌥
Shift 鍵 ⇧

快捷鍵

一般

基本編輯

多游標和選擇

豐富的語言編輯

導航

編輯器管理

檔案管理

顯示

集成終端

指令面板

按 ⇧⌘P 顯示指令面板
輸入關鍵字搜尋你要執行的指令，並選取它即可
有些沒有快捷鍵，有需要的話可以自訂快捷鍵

備註：

• Emmet: Go to Matching Pair: 在 HTML 可以移動到相對的標籤，游標在 <div> 位置，移動到 </div> 位置

只屬於 HTML

自訂快捷鍵

輸入 ⌘K ⌘S 打開快捷鍵設定，在右上角可以看到 Open Keyboard Shortcuts (JSON) 的圖標，點擊圖標會打開 keybindings.json 檔案，在這個檔案中可以更具彈性地自訂快捷鍵。

快捷鍵格式如下，總共有三個參數

1. key: 按鍵設定
2. command: 啟動的指令，可參考快捷鍵設定頁面 ⌘K ⌘S
3. when: 啟動條件，關於條件一樣可參考快捷鍵設定頁面，或者到 官網 查看

keybindings.json

// 將您的按鍵組合放入此檔案中以覆寫預設值
[
    {
        "key": "ctrl+h",
        "command": "workbench.action.tasks.runTask"
    }
]

顯示自訂快捷鍵

輸入 ⌘K ⌘S 打開快捷鍵設定，在搜尋欄位輸入 @source:user 就能顯示自訂的快捷鍵

參考

• Mac 鍵盤快速鍵
• Visual Studio Code Keyboard Shortcuts for macOS