vscode 转到实现方法失效_动图演示23个常用 VsCode 快捷键(Window & Mac)

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

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

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

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

fc01e130550d0d4f85caa4faee9ff8fe.png

901d75bc7773e0381e7a569efa3c7f3f.gif

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

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

0a0642a86570a31c9623cf72e3ad9658.png

ad5a4fb6cae710c27be796fc47bbec2b.gif

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

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

fca4f88db855d13b1c7f4a1d70e62a19.png

7e52afce0885f44d099faf35664ea2da.gif

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

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

2c95a1525e66ffea3c07bb8c246dd086.png

140dfadc77b839e796b2b2b8d3ceea67.gif

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

5. `CTRL + G` :转到行

5b6478efb6a6b075426581dd732186d5.png

8e1f3d288a92e30af1b7c31c58f1bd07.gif

6. CTRL + P :转到文件

a9b728399e842ac705984b1cd91c34c9.png

145fbcec3d7f58bb47c30e4a4c5080e8.gif

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

52a4751588675ab03b450b13ec4fc287.png

5d4d5a6b24854ecbe15d207ec3551b71.gif

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

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

0a5acd96ce783a0e61d2a7892f825e34.png

97852bf35bef759948a0cdc73af09ccb.gif

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

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

398e87c8dc52370c42cd56c4cc6030ba.png

31330c5e0ac76e36182c1f926b7c7a22.gif

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

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

6074d28a7aa293c03202d4bd85056644.png

f4c92cd849f04264a57e4967f8f8f7b1.gif

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

f9a673eb41c461b7d66c65bbc4b580c8.png

2c68cbf15859d3014b5e0b2096cb1df5.gif

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

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

6f73fe5411795d42b61fc1f2cb0ad20b.png

f2b86febf573db648b009485c680badf.gif

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

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

4ce1366c4b5e7814a848b34fbb7fc5e4.png

2fe74ca2fd56d8d1c6590610bb66d426.gif

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

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

98f21ae248a2145ebaff5d04ccc0dfa6.png

df71406abacdd9218357db0927b1bbea.gif

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

7747c8325e986d5815a7883d098c82b9.png

31f304bfd485134d0a5622530500c1da.gif

16. `F12` :转到定义

c6bf9fac2c6b3fd8f644341d3a63ae98.png

825e7afacca62c9716026e4db822889d.gif

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

b09aa00582c8489f8966b23c8a1b8018.png

183dec526f3bfe139c9a79bd7581476a.gif

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

18. `F2` : 重命名变量

171b8b35d584a28611e19c55f969602d.png

ce06b6b1bf62129ddabc6b62a7bb163b.gif

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

d36dbf8b5b7ef1f914f4adfbe1d398c0.png

f35f812ec653c69356dbced746094218.gif

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

68d12908b60fb1a6b2e8d3c842d450fc.png

c2e2f4c92adf3ec322151c9a0cb95685.gif

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

0c6ca703e2dec93134286381fab14c76.png

17ccfe0c99cb880bcf4596d6e1169e6a.gif

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

a0bbba493840562420bb20beac90be60.png

a0548789196f80a17a155c976750df40.gif

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

8685603e580b2d1db49569f8fa738f1e.png

4b596bf66413d16b79d3186a9bd2e0ef.gif


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


交流

b41817d6c3e7f164e54542c6680ae332.png

看完这几道 JavaScript 面试题,让你与考官对答如流(下)

看完这几道 JavaScript 面试题,让你与考官对答如流(中)

看完这几道 JavaScript 面试题,让你与考官对答如流(上)

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值