2021年这8款VSCode插件让你效率翻倍

3,761 阅读2分钟

前言

2021年已过大半,小凌在这大半年的时间中我尝试了很多优化自己工作效率的方案。其中最让小凌我印象深刻的就是使用编程工具插件来提高自己的工作效率。在追求极致的道路上总是需要尝试很多。接下来我为大家整理了8款VSCode插件,让大家在编程的道路上如鱼得水。用了这8款插件,效率翻倍不是梦!!!

Fp1.png

Chinese(VSCode汉化插件)

第一款推荐的插件叫Chinese 是一款VSCode汉化插件

F1.gif

这样,VSCode就完成了汉化

Material Theme(主题插件)

第二款插件是一个好看的主题插件Material Theme 它包含了多套不同色彩风格的主题,以及好看的图标样式。

F2.gif

选择不同主题可以进行预览 我比较喜欢Material Theme Ocean

Prettier(代码格式化插件)

第三款插件叫Prettier,主要作用是格式化(美化)代码。 大家也可以通过这款插件统一化团队的代码。

F3.gif

这里建议设置为保存触发 即:crtl+s保存内容的时候 触发代码格式化

Fp2.png

另外在以下博客中我也有详细讲过如何配置这个插件:使用Prettier统一团队代码

Bracket Pair Colorizer 2(颜色标识前后{})

第四款插件叫Bracket Pair Colorizer2,主要作用是将配对的括号显示相同的颜色,不配对的括号显示不同颜色。

F4.gif

注意看less的两对大括号,分别是不同的颜色。 这个插件在代码比较多的时候,有助于我们快速定位代码块,非常有用。

Auto Rename Tag(同步修改前后Html标签)

第五款插件叫Auto Rename Tag。看名字就能知道,跟HTML标签重命名有关系。

F5.gif

我们修改标签前半部分的时候,后半部分会自动跟着发生变化。

Liver Server(本地开启Http服务)

Liver Server大家问到最多的一款插件,最主要的作用是在本地开启一个HTTP Server。 并且可以监听Ctrl+S动作进行页面自动刷新。

F6.gif

Peacock(标识项目)

第七款插件Peacock,有了这个插件再也不怕项目切换频繁了。它可以标识我们项目的颜色让我们切换不同项目时更方便、更快捷。

F7.gif

另外在以下博客中我也有详细讲过如何使用这个插件:VSCode插件Peacock快速提高开发效率

Comment Translate(英文翻译插件)

最后一个插件Comment Translate,拯救英文小白的福音。它可以翻译项目中的英文让你快速明白变量的意义。

Fp3.png

Fp4.png

搭配Google Translate插件就可以做到英汉之间互翻。

最后要说的

大家还有什么好用的VSCode插件留言评论吧。