vscode: Visual Studio Code 常用快捷鍵
原文章地址： 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" ] }