动图演示23个经常使用 VsCode 快捷键(Window & Mac)

做者:Andreas
译者:前端小智
来源:dev
点赞再看,养成习惯

本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了不少个人文档,和教程资料。欢迎Star和完善,你们面试能够参照考点复习,但愿咱们一块儿有点东西。前端

尽管咱们常常使用 VS Code中的许多快捷方式,可是咱们有可能会忘记它们。 这里用可视化制做了一些GIF,以便更好地记住它们,但愿对你有所帮助。git

VSCode中的每一个命令也能够经过使用CTRL + SHIFT + P和搜索查询的命令提示符来执行。 可是知道直接快捷键速度会更快。github

1. CTRL+, 打开用户设置

clipboard.png

图片描述

偶尔须要调整用户首选项,这是直接打开它们的方式。面试

2. CTRL+K CTRL+S : 显示快捷键

clipboard.png

图片描述

这是VSCode中的快捷方式的完整列表。 还能够下载下来Windows[PDF]MacOS [PDF]segmentfault

3.CTRL+R: 切换工做区

clipboard.png

图片描述

这将打开最近工做区的列表,而且是切换到另外一个文件夹或项目的超快速方法。 请注意,若是在VS Code工做区中打开了一个终端,这会关闭当前的终端会话。less

4. ALT + Z : 切换自动换行

clipboard.png

图片描述

当咱们但愿看到完整的行而无需水平滚动时,它是一个方便的小帮手。函数

5. CTRL + G :转到行

clipboard.png

图片描述

6. CTRL + P :转到文件

clipboard.png

图片描述

7. F8 :转到下一个错误或警告

clipboard.png

图片描述

这是单键调试,还能够使用SHIFT+F8转到之前的错误或警告。工具

8. CTRL + TAB :切换选项卡

clipboard.png

图片描述

不用鼠标切换已打开文件的最快方法。学习

9. SHIFT + ALT + I : 在选定的每行末尾插入光标

clipboard.png

图片描述

这对于在选定区域中快速建立多个光标颇有用。spa

10. CTRL+L : 选择当前行

clipboard.png

图片描述

11. CTRL + SHIFT + L :选择全部出现的当前选择

clipboard.png

图片描述

该快捷方式确实节省了时间,由于没必要在整个文件中按CTRL + D

12. CTRL + F2 :选择全部出现的当前单词

clipboard.png

图片描述

有了它,甚至没必要选择任何东西,只需将光标放在要选择全部出现的单词上。

13. CTRL + SHIFT + SPACE : 触发参数提示

clipboard.png

图片描述

若是咱们不记得参数顺序,也不想经过查看文档来打断咱们的流程,能够使用此命令。

14. SHIFT + ALT + F : 格式化文档

clipboard.png

图片描述

15. CTRL + K CTRL + F :格式选择的代码

clipboard.png

图片描述

16. F12 :转到定义

clipboard.png

图片描述

17. ALT+F12 : 查看定义

clipboard.png

图片描述

这只显示了变量或函数的相应定义,而不须要移动光标。

18. F2 : 重命名变量

clipboard.png

图片描述

19. CTRL + K CTRL + X : 删除尾部空格

clipboard.png

图片描述

20. CTRL + K R : 在资源管理器中显示活动文件

clipboard.png

图片描述

21. CTRL + SHIFT + H : 替换为文件

clipboard.png

图片描述

22. CTRL + K V =在右侧打开Markdown预览

clipboard.png

图片描述

23. Ctrl + K Z : 进入Zen模式

clipboard.png

clipboard.png


代码部署后可能存在的BUG无法实时知道,过后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给你们推荐一个好用的BUG监控工具 Fundebug

原文:https://dev.to/devmount/23-le...


交流

干货系列文章汇总以下,以为不错点个Star,欢迎 加群 互相学习。

https://github.com/qq44924588...

我是小智,公众号「大迁世界」做者,对前端技术保持学习爱好者。我会常常分享本身所学所看的干货,在进阶的路上,共勉!

关注公众号,后台回复福利,便可看到福利,你懂的。

clipboard.png

相关文章
相关标签/搜索