前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >动图演示23个常用 VsCode 快捷键(Window & Mac)

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

作者头像
前端小智@大迁世界
发布2022-06-15 14:07:49
6220
发布2022-06-15 14:07:49
举报
文章被收录于专栏:终身学习者终身学习者

作者:Andreas 译者:前端小智 来源:dev

点赞再看,养成习惯本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。

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

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

1. CTRL+, 打开用户设置

clipboard.png
clipboard.png
图片描述
图片描述

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

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

clipboard.png
clipboard.png
图片描述
图片描述

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

3.CTRL+R: 切换工作区

clipboard.png
clipboard.png
图片描述
图片描述

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

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

clipboard.png
clipboard.png
图片描述
图片描述

当我们希望看到完整的行而无需水平滚动时,它是一个方便的小帮手。

5. CTRL + G :转到行

clipboard.png
clipboard.png
图片描述
图片描述

6. CTRL + P :转到文件

clipboard.png
clipboard.png
图片描述
图片描述

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

clipboard.png
clipboard.png
图片描述
图片描述

这是单键调试,还可以使用SHIFT+F8转到以前的错误或警告。

8. CTRL + TAB :切换选项卡

clipboard.png
clipboard.png
图片描述
图片描述

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

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

clipboard.png
clipboard.png
图片描述
图片描述

这对于在选定区域中快速创建多个光标很有用。

10. CTRL+L : 选择当前行

clipboard.png
clipboard.png
图片描述
图片描述

11. CTRL + SHIFT + L :选择所有出现的当前选择

clipboard.png
clipboard.png
图片描述
图片描述

该快捷方式确实节省了时间,因为不必在整个文件中按CTRL + D

12. CTRL + F2 :选择所有出现的当前单词

clipboard.png
clipboard.png
图片描述
图片描述

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

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

clipboard.png
clipboard.png
图片描述
图片描述

如果我们不记得参数顺序,也不想通过查看文档来打断我们的流程,可以使用此命令。

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

clipboard.png
clipboard.png
图片描述
图片描述

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

clipboard.png
clipboard.png
图片描述
图片描述

16. F12 :转到定义

clipboard.png
clipboard.png
图片描述
图片描述

17. ALT+F12 : 查看定义

clipboard.png
clipboard.png
图片描述
图片描述

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

18. F2 : 重命名变量

clipboard.png
clipboard.png
图片描述
图片描述

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

clipboard.png
clipboard.png
图片描述
图片描述

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

clipboard.png
clipboard.png
图片描述
图片描述

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

clipboard.png
clipboard.png
图片描述
图片描述

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

clipboard.png
clipboard.png
图片描述
图片描述

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

clipboard.png
clipboard.png
clipboard.png
clipboard.png

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

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


交流

干货系列文章汇总如下,觉得不错点个Star

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

我是小智,对前端技术保持学习爱好者。我会经常分享自己所学所看的干货,在进阶的路上,共勉!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-06-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. CTRL+, 打开用户设置
  • 2. CTRL+K CTRL+S : 显示快捷键
  • 3.CTRL+R: 切换工作区
  • 4. ALT + Z : 切换自动换行
  • 5. CTRL + G :转到行
  • 6. CTRL + P :转到文件
  • 7. F8 :转到下一个错误或警告
  • 8. CTRL + TAB :切换选项卡
  • 9. SHIFT + ALT + I : 在选定的每行末尾插入光标
  • 10. CTRL+L : 选择当前行
  • 11. CTRL + SHIFT + L :选择所有出现的当前选择
  • 12. CTRL + F2 :选择所有出现的当前单词
  • 13. CTRL + SHIFT + SPACE : 触发参数提示
  • 14. SHIFT + ALT + F : 格式化文档
  • 15. CTRL + K CTRL + F :格式选择的代码
  • 16. F12 :转到定义
  • 17. ALT+F12 : 查看定义
  • 18. F2 : 重命名变量
  • 19. CTRL + K CTRL + X : 删除尾部空格
  • 20. CTRL + K R : 在资源管理器中显示活动文件
  • 21. CTRL + SHIFT + H : 替换为文件
  • 22. CTRL + K V =在右侧打开Markdown预览
  • 23. Ctrl + K Z : 进入Zen模式
  • 交流
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档