vscode: Visual Studio Code 常用快速鍵

標籤：模式   nes   F12   bind   title   尋找   -name   安裝   儲存檔案   

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

常用快速鍵編輯器與視窗管理

1. 開啟一個新視窗： Ctrl+Shift+N
2. 關閉視窗： Ctrl+Shift+W
3. 同時開啟多個編輯器（查看多個檔案）
4. 建立檔案 Ctrl+N
5. 檔案之間切換 Ctrl+Tab
6. 切出一個新的編輯器（最多 3 個） Ctrl+\，也可以按住 Ctrl 滑鼠點擊 Explorer 裡的檔案名稱
7. 左中右 3 個編輯器的快速鍵 Ctrl+1 Ctrl+2 Ctrl+3
8. 3 個編輯器之間迴圈切換 Ctrl+
9. 編輯器換位置， Ctrl+k然後按 Left或 Right

代碼編輯格式調整

1. 程式碼縮排 Ctrl+[ 、 Ctrl+]
2. Ctrl+C 、 Ctrl+V 複製或剪下當前行/當前選中內容
3. 代碼格式化： Shift+Alt+F，或 Ctrl+Shift+P 後輸入 format code
4. 上下移動一行： Alt+Up 或 Alt+Down
5. 向上向下複製一行： Shift+Alt+Up 或 Shift+Alt+Down
6. 在當前行下邊插入一行 Ctrl+Enter
7. 在當前行上方插入一行 Ctrl+Shift+Enter

游標相關

1. 移動到行首： Home
2. 移動到行尾： End
3. 移動到檔案結尾： Ctrl+End
4. 移動到檔案開頭： Ctrl+Home
5. 移動到定義處： F12
6. 定義處縮圖：只看一眼而不跳轉過去 Alt+F12
7. 移動到後半個括弧： Ctrl+Shift+]
8. 選擇從游標到行尾： Shift+End
9. 選擇從行首到游標處： Shift+Home
10. 刪除游標右側的所有字： Ctrl+Delete
11. 擴充/縮小選取範圍： Shift+Alt+Left 和 Shift+Alt+Right
12. 多行編輯(列編輯)：Alt+Shift+滑鼠左鍵，Ctrl+Alt+Down/Up
13. 同時選中所有匹配： Ctrl+Shift+L
14. Ctrl+D 下一個匹配的也被選中 (在 sublime 中是刪除當前行，後面自訂快鍵鍵中，設定與 Ctrl+Shift+K 互換了)
15. 回退上一個游標操作： Ctrl+U

重構代碼

1. 找到所有的引用： Shift+F12
2. 同時修改本檔案中所有匹配的： Ctrl+F12
3. 重新命名：比如要修改一個方法名，可以選中後按 F2，輸入新的名字，斷行符號，會發現所有的檔案都修改了
4. 跳轉到下一個 Error 或 Warning：當有多個錯誤時可以按 F8 逐個跳轉
5. 查看 diff： 在 explorer 裡選擇檔案右鍵 Set file to compare，然後需要對比的檔案上右鍵選擇 Compare with file_name_you_chose

尋找替換

1. 尋找 Ctrl+F
2. 尋找替換 Ctrl+H
3. 整個檔案夾中尋找 Ctrl+Shift+F

顯示相關

1. 全屏：F11
2. zoomIn/zoomOut：Ctrl +/-
3. 側邊欄顯/隱：Ctrl+B
4. 顯示資源管理員 Ctrl+Shift+E
5. 顯示搜尋 Ctrl+Shift+F
6. 顯示 Git Ctrl+Shift+G
7. 顯示 Debug Ctrl+Shift+D
8. 顯示 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 被切換IME快速鍵佔用    {        "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

vscode: Visual Studio Code 常用快速鍵