原文章地址： vscode: Visual Studio Code 常用快捷鍵

官方快捷鍵說明：Key Bindings for Visual Studio Code

主命令框

F1 或 Ctrl+Shift+P: 開啟命令面板。在開啟的輸入框內，可以輸入任何命令，例如：
按一下 Backspace 會進入到 Ctrl+P 模式
在 Ctrl+P 下輸入 > 可以進入 Ctrl+Shift+P 模式
在 Ctrl+P 視窗下還可以:
直接輸入檔名，跳轉到檔案
? 列出當前可執行的動作
! 顯示 Errors或 Warnings，也可以 Ctrl+Shift+M
: 跳轉到行數，也可以 Ctrl+G 直接進入
@ 跳轉到 symbol（搜尋變數或者函式），也可以 Ctrl+Shift+O 直接進入
@ 根據分類跳轉 symbol，查詢屬性或函式，也可以 Ctrl+Shift+O 後輸入:進入

根據名字查詢 symbol，也可以 Ctrl+T

常用快捷鍵

編輯器與視窗管理
開啟一個新視窗： Ctrl+Shift+N
關閉視窗： Ctrl+Shift+W
同時開啟多個編輯器（檢視多個檔案）
新建檔案 Ctrl+N
檔案之間切換 Ctrl+Tab
切出一個新的編輯器（最多 3 個） Ctrl+\，也可以按住 Ctrl 滑鼠點選 Explorer 裡的檔名
左中右 3 個編輯器的快捷鍵 Ctrl+1Ctrl+2Ctrl+3
3 個編輯器之間迴圈切換 Ctrl+
編輯器換位置， Ctrl+k然後按 Left或 Right
程式碼編輯

格式調整
程式碼行縮排 Ctrl+[ 、 Ctrl+]
Ctrl+C 、 Ctrl+V 複製或剪切當前行/當前選中內容
程式碼格式化： Shift+Alt+F，或 Ctrl+Shift+P 後輸入 format code
上下移動一行： Alt+Up 或 Alt+Down
向上向下複製一行： Shift+Alt+Up 或 Shift+Alt+Down
在當前行下邊插入一行 Ctrl+Enter
在當前行上方插入一行 Ctrl+Shift+Enter
游標相關
移動到行首： Home
移動到行尾： End
移動到檔案結尾： Ctrl+End
移動到檔案開頭： Ctrl+Home
移動到定義處： F12
定義處縮圖：只看一眼而不跳轉過去 Alt+F12
移動到後半個括號： Ctrl+Shift+]
選擇從游標到行尾： Shift+End
選擇從行首到游標處： Shift+Home
刪除游標右側的所有字： Ctrl+Delete
擴充套件/縮小選取範圍： Shift+Alt+Left 和 Shift+Alt+Right
多行編輯(列編輯)：Alt+Shift+滑鼠左鍵，Ctrl+Alt+Down/Up
同時選中所有匹配： Ctrl+Shift+L
Ctrl+D 下一個匹配的也被選中 (在 sublime 中是刪除當前行，後面自定義快鍵鍵中，設定與 Ctrl+Shift+K 互換了)
回退上一個游標操作： Ctrl+U
重構程式碼
找到所有的引用： Shift+F12
同時修改本檔案中所有匹配的： Ctrl+F12
重新命名：比如要修改一個方法名，可以選中後按 F2，輸入新的名字，回車，會發現所有的檔案都修改了
跳轉到下一個 Error 或 Warning：當有多個錯誤時可以按 F8 逐個跳轉
檢視 diff： 在 explorer 裡選擇檔案右鍵 Set file to compare，然後需要對比的檔案上右鍵選擇 Compare with file_name_you_chose
查詢替換
查詢 Ctrl+F
查詢替換 Ctrl+H
整個資料夾中查詢 Ctrl+Shift+F
顯示相關
全屏：F11
zoomIn/zoomOut：Ctrl +/-
側邊欄顯/隱：Ctrl+B
顯示資源管理器 Ctrl+Shift+E
顯示搜尋 Ctrl+Shift+F
顯示 Git Ctrl+Shift+G
顯示 Debug Ctrl+Shift+D
顯示 Output Ctrl+Shift+U
其他
自動儲存：File -> AutoSave ，或者 Ctrl+Shift+P，輸入 auto
修改預設快捷鍵

開啟預設鍵盤快捷方式設定：

File -> Preferences -> Keyboard Shortcuts，或者：Alt+F -> p -> k

修改 keybindings.json：

// Place your key bindings in this file to overwrite the defaults[ // ctrl+space 被切換輸入法快捷鍵佔用 { “key”: “ctrl+alt+space”, “command”: “editor.action.triggerSuggest”, “when”: “editorTextFocus” }, // ctrl+d 刪除一行 { “key”: “ctrl+d”, “command”: “editor.action.deleteLines”, “when”: “editorTextFocus” }, // 與刪除一行的快捷鍵互換 { “key”: “ctrl+shift+k”, “command”: “editor.action.addSelectionToNextFindMatch”, “when”: “editorFocus” }, // ctrl+shift+/多行註釋 { “key”:“ctrl+shift+/”, “command”: “editor.action.blockComment”, “when”: “editorTextFocus” }, // 定製與 sublime 相同的大小寫轉換快捷鍵，需安裝 TextTransform 外掛 { “key”: “ctrl+k ctrl+u”, “command”: “uppercase”, “when”: “editorTextFocus” }, { “key”: “ctrl+k ctrl+l”, “command”: “lowercase”, “when”: “editorTextFocus” }]

前端開發必備外掛
PostCSS Sorting
stylelint
stylefmt
ESLint
javascript standard format
beautify
Babel ES6/ES7
Debugger for Chrome
Add jsdoc comments
javascript(ES6) code snippets
vue
weex
Reactjs code snippets
React Native Tools
Npm Intellisense
Instant Markdown
Markdown Shortcuts
TextTransform
自定義設定參考

vscode 自定義配置參考：

{ “editor.fontSize”: 18, “files.associations”: { “.es": “javascript”, ".es6”: “javascript” }, // 控制編輯器是否應呈現空白字元 “editor.renderWhitespace”: true, // 啟用後，將在儲存檔案時剪裁尾隨空格。 “files.trimTrailingWhitespace”: true, // File extensions that can be beautified as javascript or JSON. “beautify.JSfiles”: [ “”, “es”, “es6”, “js”, “json”, “jsbeautifyrc”, “jshintrc” ]}