主命令框
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 被切換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