快捷搜索:  汽车  科技

vscode基本使用教程(动图演示23个常用)

vscode基本使用教程(动图演示23个常用)当我们希望看到完整的行而无需水平滚动时,它是一个方便的小帮手。这将打开最近工作区的列表,并且是切换到另一个文件夹或项目的超快速方法。请注意,如果在VS Code工作区中打开了一个终端,这会关闭当前的终端会话。VSCode中的每个命令也可以通过使用CTRL SHIFT P和搜索查询的命令提示符来执行。但是知道直接快捷键速度会更快。偶尔需要调整用户首选项,这是直接打开它们的方式。这是VSCode中的快捷方式的完整列表。还可以下载下来Windows[PDF]和MacOS [PDF]。

作者:Andreas

译者:前端小智

来源:dev

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

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

1. `CTRL ` 打开用户设置

vscode基本使用教程(动图演示23个常用)(1)

vscode基本使用教程(动图演示23个常用)(2)

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

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

vscode基本使用教程(动图演示23个常用)(3)

vscode基本使用教程(动图演示23个常用)(4)

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

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

vscode基本使用教程(动图演示23个常用)(5)

vscode基本使用教程(动图演示23个常用)(6)

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

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

vscode基本使用教程(动图演示23个常用)(7)

vscode基本使用教程(动图演示23个常用)(8)

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

5. `CTRL G` :转到行

vscode基本使用教程(动图演示23个常用)(9)

vscode基本使用教程(动图演示23个常用)(10)

6. CTRL P :转到文件

vscode基本使用教程(动图演示23个常用)(11)

vscode基本使用教程(动图演示23个常用)(12)

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

vscode基本使用教程(动图演示23个常用)(13)

vscode基本使用教程(动图演示23个常用)(14)

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

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

vscode基本使用教程(动图演示23个常用)(15)

vscode基本使用教程(动图演示23个常用)(16)

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

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

vscode基本使用教程(动图演示23个常用)(17)

vscode基本使用教程(动图演示23个常用)(18)

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

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

vscode基本使用教程(动图演示23个常用)(19)

vscode基本使用教程(动图演示23个常用)(20)

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

vscode基本使用教程(动图演示23个常用)(21)

vscode基本使用教程(动图演示23个常用)(22)

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


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

vscode基本使用教程(动图演示23个常用)(23)

vscode基本使用教程(动图演示23个常用)(24)

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

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

vscode基本使用教程(动图演示23个常用)(25)

vscode基本使用教程(动图演示23个常用)(26)

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

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

vscode基本使用教程(动图演示23个常用)(27)

vscode基本使用教程(动图演示23个常用)(28)

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

vscode基本使用教程(动图演示23个常用)(29)

vscode基本使用教程(动图演示23个常用)(30)

16. `F12` :转到定义

vscode基本使用教程(动图演示23个常用)(31)

vscode基本使用教程(动图演示23个常用)(32)

17. `ALT F12` : 查看定义

vscode基本使用教程(动图演示23个常用)(33)

vscode基本使用教程(动图演示23个常用)(34)

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

18. `F2` : 重命名变量

vscode基本使用教程(动图演示23个常用)(35)

vscode基本使用教程(动图演示23个常用)(36)

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

vscode基本使用教程(动图演示23个常用)(37)

vscode基本使用教程(动图演示23个常用)(38)

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

vscode基本使用教程(动图演示23个常用)(39)

vscode基本使用教程(动图演示23个常用)(40)

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

vscode基本使用教程(动图演示23个常用)(41)

vscode基本使用教程(动图演示23个常用)(42)

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

vscode基本使用教程(动图演示23个常用)(43)

vscode基本使用教程(动图演示23个常用)(44)

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

vscode基本使用教程(动图演示23个常用)(45)

vscode基本使用教程(动图演示23个常用)(46)


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

猜您喜欢: