vscode:VisualStudioCode常⽤快捷键原⽂章地址:
官⽅快捷键说明:
主命令框
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+1Ctrl+2Ctrl+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 被切换输⼊法快捷键占⽤
{
"key": "ctrl+alt+space",
"command": "iggerSuggest",侯宇航
"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"
my neck my back歌词},
// 定制与 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 ⾃定义配置参考:最新mp3歌曲
{
"editor.fontSize": 18,
"files.associations": {
"*.es": "javascript",
让爱住我家伴奏"*.es6": "javascript"
},
// 控制编辑器是否应呈现空⽩字符
"derWhitespace": true,
// 启⽤后,将在保存⽂件时剪裁尾随空格。
"imTrailingWhitespace": true,
// File extensions that can be beautified as javascript or JSON.    "beautify.JSfiles": [
"",
"es",
"es6",
"js",
"json",
"jsbeautifyrc",
"jshintrc"
]
}