主命令框
F1或Ctrl+Shift+P: 打開命令面板。在打開的輸入框內(nèi),可以輸入任何命令,例如:
按一下Backspace會(huì)進(jìn)入到Ctrl+P模式
在Ctrl+P下輸入>可以進(jìn)入Ctrl+Shift+P模式
在Ctrl+P窗口下還可以:
直接輸入文件名,跳轉(zhuǎn)到文件
?列出當(dāng)前可執(zhí)行的動(dòng)作
!顯示Errors或Warnings,也可以Ctrl+Shift+M
:跳轉(zhuǎn)到行數(shù),也可以Ctrl+G直接進(jìn)入
@跳轉(zhuǎn)到symbol(搜索變量或者函數(shù)),也可以Ctrl+Shift+O直接進(jìn)入
@根據(jù)分類跳轉(zhuǎn)symbol,查找屬性或函數(shù),也可以Ctrl+Shift+O后輸入:進(jìn)入
#根據(jù)名字查找symbol,也可以Ctrl+T
常用快捷鍵
編輯器與窗口管理
打開一個(gè)新窗口:Ctrl+Shift+N
關(guān)閉窗口:Ctrl+Shift+W
新建文件Ctrl+N
文件之間切換Ctrl+Tab
切出一個(gè)新的編輯器(最多3個(gè))Ctrl+\,也可以按住Ctrl鼠標(biāo)點(diǎn)擊Explorer里的文件名
左中右3個(gè)編輯器的快捷鍵Ctrl+1Ctrl+2Ctrl+3
3個(gè)編輯器之間循環(huán)切換Ctrl+
編輯器換位置,Ctrl+k然后按Left或Right
代碼編輯
格式調(diào)整
代碼行縮進(jìn)Ctrl+[、Ctrl+]
Ctrl+C、Ctrl+V復(fù)制或剪切當(dāng)前行/當(dāng)前選中內(nèi)容
代碼格式化:Shift+Alt+F,或Ctrl+Shift+P后輸入format code
上下移動(dòng)一行:Alt+Up或Alt+Down
向上向下復(fù)制一行:Shift+Alt+Up或Shift+Alt+Down
在當(dāng)前行下邊插入一行Ctrl+Enter
在當(dāng)前行上方插入一行Ctrl+Shift+Enter
光標(biāo)相關(guān)
移動(dòng)到行首:Home
移動(dòng)到行尾:End
移動(dòng)到文件結(jié)尾:Ctrl+End
移動(dòng)到文件開頭:Ctrl+Home
移動(dòng)到定義處:F12
定義處縮略圖:只看一眼而不跳轉(zhuǎn)過去Alt+F12
移動(dòng)到后半個(gè)括號(hào):Ctrl+Shift+]
選擇從光標(biāo)到行尾:Shift+End
選擇從行首到光標(biāo)處:Shift+Home
刪除光標(biāo)右側(cè)的所有字:Ctrl+Delete
擴(kuò)展/縮小選取范圍:Shift+Alt+Left和Shift+Alt+Right
多行編輯(列編輯):Alt+Shift+鼠標(biāo)左鍵,Ctrl+Alt+Down/Up
同時(shí)選中所有匹配:Ctrl+Shift+L
Ctrl+D下一個(gè)匹配的也被選中 (在 sublime 中是刪除當(dāng)前行,后面自定義快鍵鍵中,設(shè)置與Ctrl+Shift+K互換了)
回退上一個(gè)光標(biāo)操作:Ctrl+U
重構(gòu)代碼
找到所有的引用:Shift+F12
同時(shí)修改本文件中所有匹配的:Ctrl+F12
重命名:比如要修改一個(gè)方法名,可以選中后按F2,輸入新的名字,回車,會(huì)發(fā)現(xiàn)所有的文件都修改了
跳轉(zhuǎn)到下一個(gè)Error或Warning:當(dāng)有多個(gè)錯(cuò)誤時(shí)可以按F8逐個(gè)跳轉(zhuǎn)
查看diff: 在explorer里選擇文件右鍵Set file to compare,然后需要對(duì)比的文件上右鍵選擇Compare with file_name_you_chose
查找替換
查找Ctrl+F
查找替換Ctrl+H
整個(gè)文件夾中查找Ctrl+Shift+F
顯示相關(guān)
全屏:F11
zoomIn/zoomOut:Ctrl +/-
側(cè)邊欄顯/隱:Ctrl+B
顯示資源管理器Ctrl+Shift+E
顯示搜索Ctrl+Shift+F
顯示 GitCtrl+Shift+G
顯示 DebugCtrl+Shift+D
顯示 OutputCtrl+Shift+U
其他
自動(dòng)保存:File -> AutoSave,或者Ctrl+Shift+P,輸入auto
修改默認(rèn)快捷鍵
打開默認(rèn)鍵盤快捷方式設(shè)置:
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 相同的大小寫轉(zhuǎn)換快捷鍵,需安裝 TextTransform 插件
{
"key": "ctrl+k ctrl+u",
"command": "uppercase",
"when": "editorTextFocus"
},
{
"key": "ctrl+k ctrl+l",
"command": "lowercase",
"when": "editorTextFocus"
}
]
前端開發(fā)必備插件
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
自定義設(shè)置參考
vscode 自定義配置參考:
{
"editor.fontSize": 18,
"files.associations": {
"*.es": "javascript",
"*.es6": "javascript"
},
// 控制編輯器是否應(yīng)呈現(xiàn)空白字符
"editor.renderWhitespace": true,
// 啟用后,將在保存文件時(shí)剪裁尾隨空格。
"files.trimTrailingWhitespace": true,
// File extensions that can be beautified as javascript or JSON.
"beautify.JSfiles": [
"",
"es",
"es6",
"js",
"json",
"jsbeautifyrc",
"jshintrc"
]
}
相關(guān)參考
官方快捷鍵大全:https://code.visualstudio.com/docs/customization/keybindings