ctrl+shift+l指定选择 vscode_动图演示23个常用 VsCode 快捷键(Window & Mac)

b8badf49a6cb89959aca801508aefcc0.png

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

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

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

1. `CTRL+,` 打开用户设置

cbb60b924bb2f8529ab3416492f52654.png

db8dd63ac6975f7ad0273848b533d63d.gif

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

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

049b91e749443d0086d8aedebca90b35.png

5fdfc316adbba57598a11844cab85a68.gif

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

3.`CTRL+R`: 切换工作区

83b011aa87b63b9aa0a3219ead949603.png

7b7c505bf68d9a5f8783c5f866f68493.gif

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

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

786517b6c6407643c8fcc18930ac9e1c.png

de78d1e1064c2c1f72aecba7866cbedd.gif

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

5. `CTRL + G` :转到行

8d778c0b07419a6277dc007e6bd2e8d1.png

6e977f58ea8b745108deabe25ac567f2.gif

6. CTRL + P :转到文件

e0683a67a4b5908c46c2b5f0ea5559a4.png

732a47c9ded1b70696adaa0b0e346e70.gif

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

0c9e565abbcdc8bc74df259c2a55f23f.png

1f8fb52c9b394b731db78d1b2dd10ebf.gif

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

8. `CTRL + TAB` :切换选项卡

0010e0e6ac9f1d9c7a746cff257ca239.png

50da1913404de350a10eed6a4de3af68.gif

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

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

77ee64d7ed64d68a10d5023c1295a9e9.png

997a03e997673dc7b7b5cf62f48bb2f6.gif

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

10. `CTRL+L` : 选择当前行

573707714326a759cd36e9630302c87d.png

7ef845ebed24ebf98706aa637f46b9a6.gif

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

7c94d63c509900cfb831c7ef342d8771.png

5555ec8db5a86c462f12be1bf45ea40d.gif

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

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

bcf8eae755ae7f3c8fde0a447d596be0.png

ad0675e1c7b5c6c2ca3dc5cc33bfd581.gif

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

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

13e8a4d77971dba7964a181d37223ef2.png

877302b6684646a61954dc635be807c1.gif

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

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

7782ee0c7f1e2cd03d93e3dc222d157f.png

345d59b2ea63aff7bbe3a43db08c0665.gif

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

bed3f43b643e5bdfa127c4b43be481e2.png

913f3d760b1d5e33274e0ca14375f42a.gif

16. `F12` :转到定义

99c1ff9ea001c40507fa18836a18f514.png

8fbfc99116ee97083efde0ed05ab2a58.gif

17. `ALT+F12` : 查看定义

f7264660abd99f2bcfcffce49798ec47.png

74ed1e7ac25840cddc9521abfbaa095a.gif

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

18. `F2` : 重命名变量

1854b1d711fcbc8dd250f672f8068725.png

646d3d005d896fd6eeeb291a76934db3.gif

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

8a8a7fec093a725213497070c0c0f2a2.png

431df11c919bb170175e1221aab6e3fd.gif

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

e1872db2ca61953af5d1d7dbeeb5adbb.png

b7568d9f5586777e88ad72d2fe96fb65.gif

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

0e66fb38fb03031ffb3591b789711844.png

e78eea63e9f7d82f1c150fc7965e04ef.gif

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

f7a8295dd2d09c95df57f72c5bbcf6b1.png

c6bd70bec78f73dd93860d7632fd329f.gif

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

dab3eb39855e51a0e105c467b6ebd12e.png

ac29447028d1aa8ee8574f314f16e04c.gif


原文:https://dev.to/devmount/23-lesser-known-vs-code-shortcuts-as-gif-80

专注分享当下最实用的前端技术。关注前端达人,与达人一起学习进步!

长按关注"前端达人"

d36eb4d6a038ed8756673e1a3093651f.gif f25327903b8a6a8091df03fec6ff2533.png
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值