VS code常用的快捷键

举报
孙叫兽 发表于 2021/12/16 13:54:55 2021/12/16
【摘要】 在前端的开发过程中，如果有一个比较好的开发工具，配合一些常用的快捷键，开发效率将大大提升，正所谓工具善其事必先利其器。前端推荐使用编辑器VS code,用过HB-X，ST3,Webstorm等编译器之后就会发现，前端编辑器最屌的还是VS code。官方文档：https://code.visualstudio.com/docs/getstarted/keybindings官方快捷键PDF：wi...

在前端的开发过程中，如果有一个比较好的开发工具，配合一些常用的快捷键，开发效率将大大提升，正所谓工具善其事必先利其器。前端推荐使用编辑器VS code,用过HB-X，ST3,Webstorm等编译器之后就会发现，前端编辑器最屌的还是VS code。

官方文档：
https://code.visualstudio.com/docs/getstarted/keybindings

官方快捷键PDF：
windows: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
macOS: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

主命令
F1 或 Ctrl+Shift+P : 打开命令面板。在打开的输入框内，可以输入任何命令。
这个比较常用的是安装插件或者查找文件，我一般都是用来查找项目文件，插件的话一般直接在扩展程序中安装。
编辑器与窗口管理
新建文件:   Ctrl+N
文件之间切换:   Ctrl+Tab
打开一个新的VS Code编辑器:    Ctrl+Shift+N
关闭当前窗口:   Ctrl+W
关闭当前的VS Code编辑器:   Ctrl+Shift+W
切出一个新的编辑器窗口（最多3个):   Ctrl+\
切换左中右3个编辑器窗口的快捷键:   Ctrl+1  Ctrl+2  Ctrl+3

格式调整
代码行向左或向右缩进:   Ctrl+[ 、 Ctrl+]
复制或剪切当前行/当前选中内容:   Ctrl+C 、 Ctrl+V
代码格式化:   Shift+Alt+F
向上或向下移动一行:   Alt+Up 或 Alt+Down
向上或向下复制一行:   Shift+Alt+Up 或 Shift+Alt+Down
在当前行下方插入一行:   Ctrl+Enter
在当前行上方插入一行:   Ctrl+Shift+Enter

光标相关
移动到行首:   Home
移动到行尾:   End
移动到文件结尾:   Ctrl+End
移动到文件开头:   Ctrl+Home
移动到定义处:   F12
查看定义处缩略图(只看一眼而不跳转过去):    Alt+F12
选择从光标到行尾的内容:   Shift+End
选择从光标到行首的内容：Shift+Home
删除光标右侧的所有内容(当前行):   Ctrl+Delete
扩展/缩小选取范围：Shift+Alt+Right 和 Shift+Alt+Left
多行编辑(列编辑):   Alt+Shift+鼠标左键 或 Ctrl+Alt+Down/Up
同时选中所有匹配编辑(与当前行或选定内容匹配):   Ctrl+Shift+L
下一个匹配的也被选中:   Ctrl+D
回退上一个光标操作:   Ctrl+U
撤销上一步操作: Ctrl+Z
手动保存:   Ctrl+S

重构代码
找到所有的引用：Shift+F12
同时修改本文件中所有匹配的：Ctrl+F12
查看 diff：在 explorer 里选择文件右键Set file to compare，然后需要对比的文件上右键选择
Compare with file_name_you_chose

查找替换
查找Ctrl+F
查找替换Ctrl+H
整个文件夹中查找Ctrl+Shift+F
显示相关
全屏显示(再次按则恢复):   F11
放大或缩小(以编辑器左上角为基准):   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


好啦，本期内容就分享到这里，我们下期见！

【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@huaweicloud.com
前端
  • 点赞
  • 收藏
  • 关注作者

评论（0）

0/1000
抱歉，系统识别当前为高风险访问，暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称，即可参与社区互动！

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

确认 取消

加入云驻计划，成为创作者

  • 华为云周边好礼
  • 免费体验产品
  • 特殊身份标识
  • 线下官方门票
  • 内部专家零距离
  • 与10000+优质创作者共同成长
立即加入