孫廣東  2015.12.31

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

主命令框

最重要的功能就是F1或Ctrl+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然後按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
• Shrink/expand selection： Shift+Alt+Left和Shift+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"
    }
]

外掛

新版本支援外掛安裝了

安裝外掛

F1 輸入 extensions

點選第一個開始安裝或升級，或者也可以 Ctrl+P 輸入 ext install進入
點選第二個會列出已經安裝的擴充套件，可以從中解除安裝