主命令框

F1?或?Ctrl+Shift+P: 打開命令面板。在打開的輸入框內(nèi)，可以輸入任何命令，例如：

• 按一下?Backspace?會(huì)進(jìn)入到?Ctrl+P?模式
• 在?Ctrl+P?下輸入?>?可以進(jìn)入?Ctrl+Shift+P?模式

在?Ctrl+P?窗口下還可以:

• 直接輸入文件名，跳轉(zhuǎn)到文件
• ??列出當(dāng)前可執(zhí)行的動(dòng)作
• !?顯示?Errors或?Warnings，也可以?Ctrl+Shift+M
• :?跳轉(zhuǎn)到行數(shù)，也可以?Ctrl+G?直接進(jìn)入
• @?跳轉(zhuǎn)到?symbol（搜索變量或者函數(shù)），也可以?Ctrl+Shift+O?直接進(jìn)入
• @?根據(jù)分類跳轉(zhuǎn)?symbol，查找屬性或函數(shù)，也可以?Ctrl+Shift+O?后輸入:進(jìn)入
• #?根據(jù)名字查找?symbol，也可以?Ctrl+T

常用快捷鍵

編輯器與窗口管理

打開一個(gè)新窗口：?Ctrl+Shift+N

關(guān)閉窗口：?Ctrl+Shift+W

同時(shí)打開多個(gè)編輯器（查看多個(gè)文件）

新建文件?Ctrl+N

文件之間切換?Ctrl+Tab

切出一個(gè)新的編輯器（最多?3?個(gè)）?Ctrl+\，也可以按住?Ctrl?鼠標(biāo)點(diǎn)擊?Explorer?里的文件名

左中右?3?個(gè)編輯器的快捷鍵?Ctrl+1?Ctrl+2?Ctrl+3

3?個(gè)編輯器之間循環(huán)切換?Ctrl+

編輯器換位置，?Ctrl+k然后按?Left或?Right

代碼編輯

格式調(diào)整

代碼行縮進(jìn)?Ctrl+[?、?Ctrl+]

Ctrl+C?、?Ctrl+V?復(fù)制或剪切當(dāng)前行/當(dāng)前選中內(nèi)容

代碼格式化：?Shift+Alt+F，或?Ctrl+Shift+P?后輸入?format code

上下移動(dòng)一行：?Alt+Up?或?Alt+Down

向上向下復(fù)制一行：?Shift+Alt+Up?或?Shift+Alt+Down

在當(dāng)前行下邊插入一行?Ctrl+Enter

在當(dāng)前行上方插入一行?Ctrl+Shift+Enter

光標(biāo)相關(guān)

移動(dòng)到行首：?Home

移動(dòng)到行尾：?End

移動(dòng)到文件結(jié)尾：?Ctrl+End

移動(dòng)到文件開頭：?Ctrl+Home

移動(dòng)到定義處：?F12

定義處縮略圖：只看一眼而不跳轉(zhuǎn)過去?Alt+F12

移動(dòng)到后半個(gè)括號(hào)：?Ctrl+Shift+]

選擇從光標(biāo)到行尾：?Shift+End

選擇從行首到光標(biāo)處：?Shift+Home

刪除光標(biāo)右側(cè)的所有字：?Ctrl+Delete

擴(kuò)展/縮小選取范圍：?Shift+Alt+Left?和?Shift+Alt+Right

多行編輯(列編輯)：Alt+Shift+鼠標(biāo)左鍵，Ctrl+Alt+Down/Up

同時(shí)選中所有匹配：?Ctrl+Shift+L

Ctrl+D?下一個(gè)匹配的也被選中 (在 sublime 中是刪除當(dāng)前行，后面自定義快鍵鍵中，設(shè)置與?Ctrl+Shift+K?互換了)

回退上一個(gè)光標(biāo)操作：?Ctrl+U

重構(gòu)代碼

找到所有的引用：?Shift+F12

同時(shí)修改本文件中所有匹配的：?Ctrl+F12

重命名：比如要修改一個(gè)方法名，可以選中后按?F2，輸入新的名字，回車，會(huì)發(fā)現(xiàn)所有的文件都修改了

跳轉(zhuǎn)到下一個(gè)?Error?或?Warning：當(dāng)有多個(gè)錯(cuò)誤時(shí)可以按?F8?逐個(gè)跳轉(zhuǎn)

查看?diff： 在?explorer?里選擇文件右鍵?Set file to compare，然后需要對(duì)比的文件上右鍵選擇?Compare with file_name_you_chose

查找替換

查找?Ctrl+F

查找替換?Ctrl+H

整個(gè)文件夾中查找?Ctrl+Shift+F

顯示相關(guān)

全屏：F11

zoomIn/zoomOut：Ctrl +/-

側(cè)邊欄顯/隱：Ctrl+B

顯示資源管理器?Ctrl+Shift+E

顯示搜索?Ctrl+Shift+F

顯示 Git?Ctrl+Shift+G

顯示 Debug?Ctrl+Shift+D

顯示 Output?Ctrl+Shift+U

其他

• 自動(dòng)保存：File -> AutoSave?，或者?Ctrl+Shift+P，輸入?auto

修改默認(rèn)快捷鍵

打開默認(rèn)鍵盤快捷方式設(shè)置：
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 相同的大小寫轉(zhuǎn)換快捷鍵，需安裝 TextTransform 插件{"key": "ctrl+k ctrl+u","command": "uppercase","when": "editorTextFocus"},{"key": "ctrl+k ctrl+l","command": "lowercase","when": "editorTextFocus"} ]

前端開發(fā)必備插件

• 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

自定義設(shè)置參考

vscode 自定義配置參考：

{"editor.fontSize": 18,"files.associations": {"*.es": "javascript","*.es6": "javascript"},// 控制編輯器是否應(yīng)呈現(xiàn)空白字符"editor.renderWhitespace": true,// 啟用后，將在保存文件時(shí)剪裁尾隨空格。"files.trimTrailingWhitespace": true,// File extensions that can be beautified as javascript or JSON."beautify.JSfiles": ["","es","es6","js","json","jsbeautifyrc","jshintrc"] }

相關(guān)參考

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

轉(zhuǎn)載于:https://www.cnblogs.com/toma113/p/7338901.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。