vscode: Visual Studio Code 常用快捷鍵

vscode: Visual Studio Code 常用快捷鍵 主命令框 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

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" } ]