1. 程式人生 > >vscode 常用快捷鍵

vscode 常用快捷鍵

Visual Studio Code是個牛逼的編輯器,啟動非常快,完全可以用來代替其他文字檔案編輯工具。又可以用來做開發,支援各種語言,相比其他IDE,輕量級完全可配置還整合Git感覺非常的適合前端開發。 所以我仔細研究了一下文件未來可能會作為主力工具使用。

主命令框

最重要的功能就是F1Ctrl+Shift+P開啟的命令面板了,在這個命令框裡可以執行VSCode的任何一條命令,甚至關閉這個編輯器。
按一下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然後按LeftRight

程式碼編輯

格式調整

  • 程式碼行縮排Ctrl+[ Ctrl+]
  • Ctrl+C Ctrl+V如果不選中,預設複製或剪下一整行
  • 程式碼格式化:Shift+Alt+F,或Ctrl+Shift+P後輸入format code
  • 上下移動一行: Alt+Up 或 Alt+Down
  • 向上向下複製一行: Shift+Alt+UpShift+Alt+Down
  • 在當前行下邊插入一行Ctrl+Enter
  • 在當前行上方插入一行Ctrl+Shift+Enter

游標相關

  • 移動到行首:Home
  • 移動到行尾:End
  • 移動到檔案結尾:Ctrl+End
  • 移動到檔案開頭:Ctrl+Home
  • 移動到定義處:F12
  • 定義處縮圖:只看一眼而不跳轉過去Alt+F12
  • 移動到後半個括號 Ctrl+Shift+]
  • 選擇從游標到行尾Shift+End
  • 選擇從行首到游標處Shift+Home
  • 刪除游標右側的所有字Ctrl+Delete
  • Shrink/expand selection: Shift+Alt+LeftShift+Alt+Right
  • Multi-Cursor:可以連續選擇多處,然後一起修改,Alt+Click新增cursor或者Ctrl+Alt+Down 或 Ctrl+Alt+Up
  • 同時選中所有匹配的Ctrl+Shift+L
  • Ctrl+D下一個匹配的也被選中(被我自定義成刪除當前行了,見下邊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
    匹配符:
  • * to match one or more characters in a path segment
  • ? to match on one character in a path segment
  • ** to match any number of path segments ,including none
  • {} to group conditions (e.g. {**/*.html,**/*.txt} matches all html and txt files)
  • [] to declare a range of characters to match (e.g., example.[0-9] to match on example.0,example.1, …

顯示相關

  • 全屏:F11
  • zoomIn/zoomOut:Ctrl + =/Ctrl + -
  • 側邊欄顯/隱:Ctrl+B
  • 側邊欄4大功能顯示:
    • Show Explorer Ctrl+Shift+E
    • Show SearchCtrl+Shift+F
    • Show GitCtrl+Shift+G
    • Show DebugCtrl+Shift+D
  • Show OutputCtrl+Shift+U

其他

  • 自動儲存:File -> AutoSave ,或者Ctrl+Shift+P,輸入 auto

修改預設快捷鍵

File -> Preferences -> Keyboard Shortcuts

修改keybindings.json,我的顯示在這裡C:\Users\Administrator\AppData\Roaming\Code\User\keybindings.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// 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"
    }
]