VSCode快捷鍵大全
阿新 • • 發佈:2019-02-07
主命令框
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