原文地址:https://dev.to/devmount/23-lesser-known-vs-code-shortcuts-as-gif-80
尽管我在VS Code中经常使用许多快捷方式,以下快捷方式可能会派上用场,但我经常忘记它们的存在。我制作了一些GIF,以便更好地记住它们。也许这里面也有一些快捷方式你也不记得了,但是却很有用。
VSCode 中的每个命令都可以通过 CTRL+SHIFT+P
(MAC COMMAND+SHIFT+P
) 搜索命令提示符执行,但是知道直接的快捷方式会可能会更快。
下面的Gif是我在 Windows
环境中的 VSCode 制作的,但是我提升了一个表格,其中显示了每个命令在 Windows
和 Mac
上的快捷方式。
1. CTRL + , = 打开用户设置
Windows | Mac |
---|---|
CTRL + , | ⌘ + , |
![](https://i-blog.csdnimg.cn/blog_migrate/103309a1c933dffdc203eb62e29f1d13.png)
偶尔我们需要调整用户首选项,这是直接打开它们的方式。
2. CTRL + K CTRL + S = 显示快捷方式
Windows | Mac |
---|---|
CTRL + K CTRL + S | ⌘ + K ⌘ + S |
这里有一份VS Code中的快捷方式的完整列表可以下载: Windows备忘单[PDF] 和 MacOS备忘单[PDF]。
3. CTRL + R = 切换工作区
Windows | Mac |
---|---|
CTRL + R | ⌘ + R |
译者注: MAC
上我看了下,是 Control
+ R
—— 其他小伙伴呢?
![](https://i-blog.csdnimg.cn/blog_migrate/6f480700acab0d91d109b781451172f9.png)
这将打开最近工作区的列表,并且是切换到另一个文件夹或项目的超快速方法。请注意,如果你在 VS Code 工作区中打开了一个终端,这将杀死你当前的终端会话。
4. ALT + Z = 切换自动换行
Windows | Mac |
---|---|
ALT + Z | ⌥ + Z |
![](https://i-blog.csdnimg.cn/blog_migrate/4becac0c8113f7032aaf74e9fca3446b.png)
5. CTRL + G = 转到行
Windows | Mac |
---|---|
CTRL + G | ^ + G |
![](https://i-blog.csdnimg.cn/blog_migrate/d2a4b648d256f0496778aac707113465.png)
6. CTRL + P = 转到文件
Windows | Mac |
---|---|
CTRL + P | ⌘ + P |
![](https://i-blog.csdnimg.cn/blog_migrate/f7f82e20d9b979d53bf21a493c4f85d9.png)
不使用鼠标切换文件的最快方法(尤其是在尚未打开文件时)。
7. F8 = 转到下一个错误或者警告
Windows | Mac |
---|---|
F8 | F8 |
还可以使用
SHIFT
+ F8
转到上一个错误或警告。
8. CTRL + TAB = 切换 tabs
Windows | Mac |
---|---|
CTRL + TAB | ^ + TAB |
![](https://i-blog.csdnimg.cn/blog_migrate/ed4a2b005ee3078e69b588085d535402.png)
不使用鼠标切换已打开文件的最快方法。
9. SHIFT + ALT + I = 在所选的每一行的末尾插入光标
Windows | Mac |
---|---|
SHIFT + ALT+ I | ⇧ + ⌥ + I |
![](https://i-blog.csdnimg.cn/blog_migrate/319014c5bff7198771e39b2a40cde2d4.png)
这对于在选定区域中快速创建多个光标很有用。
10. CTRL + L = 选中当前行
Windows | Mac |
---|---|
CTRL + L | ⌘ + L |
![](https://i-blog.csdnimg.cn/blog_migrate/2ff1ed52a17d4956b94c62804c7406f3.png)
结合下一个快捷方式搜索相同的行
11. CTRL + SHIFT + L = 选中所有找到的匹配项
Windows | Mac |
---|---|
CTRL + SHIFT + L | ⇧ + ⌘ + L |
![](https://i-blog.csdnimg.cn/blog_migrate/ebc0b03296ceeb6f4fa341c2a2c6c6ee.png)
12. CTRL + F2 = 选中所有匹配项
Windows | Mac |
---|---|
CTRL + F2 | ⌘ + F2 |
有了它,甚至不必选择任何东西,只需要将光标放在要选择所有出现的单词上。
13. CTRL + SHIFT + SPACE = 查看参数定义
Windows | Mac |
---|---|
CTRL + SHIFT + SPACE | ⇧ + ⌘ + SPACE |
![](https://i-blog.csdnimg.cn/blog_migrate/c5f900f8758b89d0169f968658b48dc4.png)
如果你不记得参数顺序,也不想通过查看文档来打断你的流程。【译者注:这个感觉作用不大,光标放在函数上就可以看到了。】
14. SHIFT + ALT + F = 格式化代码
Windows | Mac |
---|---|
SHIFT + ALT + F | ⇧ + ⌥ + F |
![](https://i-blog.csdnimg.cn/blog_migrate/1dbc9f1e6d26b65a7e4b498a52686bb5.png)
没有人想要手动格式化整个问题。
译者注:使用了 Prettier
之后,这个快捷键对我作用就不大了~虽然以前也没少用。
15. CTRL + K CTRL + F = 格式化选择部分
Windows | Mac |
---|---|
CTRL + K CTRL + F | ⌘ + K ⌘ + F |
![](https://i-blog.csdnimg.cn/blog_migrate/92a6afa885a07813f58834b3f90e40d1.png)
如果只想格式化文件的某些部分。
译者注:不知道什么场景下有这种需求,好吧,的确不知道这个快捷键
F12 = 转到定义
Windows | Mac |
---|---|
F12 | F12 |
![](https://i-blog.csdnimg.cn/blog_migrate/a342793a2c29524ddfc4a51161ef927e.png)
跳转到变量或函数定义的快捷方法。
17. ALT + F12 = 查看定义
Windows | Mac |
---|---|
ALT + F12 | ⌥ + F12 |
![](https://i-blog.csdnimg.cn/blog_migrate/d8e9f54aee59484d1fa3288b540b754a.png)
18. F2 = 重命名符号
Windows | Mac |
---|---|
F2 | F2 |
![](https://i-blog.csdnimg.cn/blog_migrate/f1884671922ed9a1462634bb98ea559c.png)
重构代码必不可少的快捷方式。
19. CTRL + K CTRL + X = 裁剪尾随空格
Windows | Mac |
---|---|
CTRL + KCTRL + X | ⌘ + K ⌘ + X |
![](https://i-blog.csdnimg.cn/blog_migrate/f9e0186a21cf722f934d07d958b3df8d.png)
20. CTRL + K R = 在资源管理器中显示活动文件
Windows | Mac |
---|---|
CTRL + K R | ⌘ + K R |
![](https://i-blog.csdnimg.cn/blog_migrate/34e74ffa7949e45559c88f3171f24e75.png)
21. CTRL + SHIFT + H = 替换文件
Windows | Mac |
---|---|
CTRL + SHIFT + H | ⇧ + ⌘ + H |
22. CTRL + K V = 打开 MarkDown 侧边预览
Windows | Mac |
---|---|
CTRL + K V | ⌘ + K V |
![](https://i-blog.csdnimg.cn/blog_migrate/30ec9a7632aa1f7c106ee98632d6b20e.png)
23. CTRL + K Z = 切换禅模式
Windows | Mac |
---|---|
CTRL + K Z | ⌘ + K Z |
![](https://i-blog.csdnimg.cn/blog_migrate/032354076aa9a3212307d46851e70752.gif)
编码无干扰。要退出禅模式,按ESC即可。
译者注:最后这个模式绝佳,为没看到消息找到了完美的理由。
推荐阅读
我在阿里招前端,我该怎么帮你?(现在还可以加模拟面试群)
如何拿下阿里巴巴 P6 的前端 Offer
如何准备阿里P6/P7前端面试--项目经历准备篇
大厂面试官常问的亮点,该如何做出?
如何从初级到专家(P4-P7)打破成长瓶颈和有效突破
若川知乎问答:2年前端经验,做的项目没什么技术含量,怎么办?
若川知乎高赞:有哪些必看的 JS库?
末尾
你好,我是若川,江湖人称菜如若川,历时一年只写了一个学习源码整体架构系列~(点击蓝字了解我)
关注
若川视野
,回复"pdf" 领取优质前端书籍pdf,回复"1",可加群长期交流学习我的博客地址:https://lxchuan12.gitee.io 欢迎收藏
觉得文章不错,可以点个
在看
呀^_^另外欢迎留言
交流~
精选前端好文,伴你不断成长
小提醒:若川视野公众号面试、源码等文章合集在菜单栏中间
【源码精选】
按钮,欢迎点击阅读,也可以星标我的公众号,便于查找