【开发者小技巧】6个实用的vscode快捷键

【开发者小技巧】6个实用的vscode快捷键

文章目录

  • 【开发者小技巧】6个实用的vscode快捷键
    • 1.向上/向下移动代码行
    • 2.向上/下复制代码
    • 3.重命名变量
    • 4.格式化代码
    • 5.多个光标
    • 6.跳转到错误和警告处
  • 总结

每个开发人员都有自己的vscode使用技巧,对开发人员来说,快捷键可以提高工作效率。

1.向上/向下移动代码行

这是工作中经常用到的非常重要的技巧,向上或向下移动整行代码。 我们只需要将光标放在要移动的行上,然后按住Alt + Up 向上移动或 Alt + Down 向下移动该行。

【开发者小技巧】6个实用的vscode快捷键_第1张图片

图片源自:稀土掘金社区

2.向上/下复制代码

和上面一样,不同的是这次是复制而不是移动。 我们只需要将光标放在要复制的行上,然后按 Shift + Alt + UpShift + Alt + Down复制该行。

【开发者小技巧】6个实用的vscode快捷键_第2张图片

3.重命名变量

很多时候时候,我们都会随便给变量命名,随后再去修改变量的习惯,所以给变量重命名我们会经常遇到,在vscode中,选择一个变量,按住F2键,填写一个新名称然后按enter键,所有相同名称的变量都会同时修改。

【开发者小技巧】6个实用的vscode快捷键_第3张图片

4.格式化代码

用手逐行去格式化代码是很让人沮丧的事情,在vscode中我们可以使用 Shift + Alt + F 一瞬间完成整个文件代码的格式化。

【开发者小技巧】6个实用的vscode快捷键_第4张图片

5.多个光标

vscode中可以使用alt+单击实现多个光标的功能, 只需要在要选择的位置,按住alt键然后分别单击,我们将在每个选定的位置看到光标,然后我们可以批量输入想要输入的内容。

【开发者小技巧】6个实用的vscode快捷键_第5张图片

6.跳转到错误和警告处

一个比较有趣的快捷键是,我们可以通过Ctrl + Shift + M打开错误tab页,然后我们可以跳转到报错的地方并修复它们,这是一个一旦使用过就无法离开的快捷键。
【开发者小技巧】6个实用的vscode快捷键_第6张图片

总结

这些快捷键常用且强大,对工作效率的提高会随着时间的推移而显现,如果要查看所有的快捷键,我们可以先按Ctrl + K,再按Ctrl + S。当然你也可以创建自己的快捷键。

文章译自:https://javascript.plainenglish.io/

你可能感兴趣的:(vscode,ide,编辑器)