主命令框

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+1?Ctrl+2?Ctrl+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"] }

相關參考

官方快捷鍵大全：https://code.visualstudio.com/docs/customization/keybindings
http://blog.csdn.net/u010019717/article/details/50443970

轉載于:https://www.cnblogs.com/toma113/p/7338901.html

總結

以上是生活随笔為你收集整理的前端开发神器 vscode 常用快捷键的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。