更多文章,请关注微信公众号:前端css和js干货

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

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

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

66666.gif

2.向上/下复制代码

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

66666.gif

3.重命名变量

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

8.gif

4.格式化代码

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

8.gif

5.多个光标

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

8.gif

6.跳转到错误和警告处

一个比较有趣的快捷键是,我们可以通过Ctrl + Shift + M打开错误tab页,然后我们可以跳转到报错的地方并修复它们,这是一个一旦使用过就无法离开的快捷键。

8.gif

总结

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

译自:https://javascript.plainengli...

前端css和js干货
1 声望0 粉丝

分享前端干货,JS难点,HTML5,CSS3,前端框架Vue.js,React,Angular,nodejs,canvas学习经验。一起学习,一起进步!