Vscode有什么好用的插件？

hello，大家好，我是 Jackpop，硕士毕业于哈尔滨工业大学，曾在华为、阿里等大厂工作，如果你对升学、就业、技术提升等有疑惑，不妨交个朋友：

我是Jackpop，我们交个朋友吧！

VS Code的口碑越来越好，受欢迎度也越来越高，以我为例，有时一个项目中可能会用到C++、Java、JS等不同编程语言，如果针对每一种语言都去安装一款对应的IDE，那样不仅会浪费很多时间，而且会极大的拖慢电脑速度。而VS Code通过简单的配置，就可以让它与对应语言当下最为流行的IDE相提并论，因此，就没必要再去安装PyCharm、IDEA、Clion、Webstorm这些了。

VS Code之所以如此受欢迎，离不开它强大的社区，这让VS Code有丰富而实用的插件。而且，通过一些插件的配合，它就可以完成那些专业IDE所能完成的大多数工作。

今天，就给大家带来20款提升效率、冷门好用且让人【眼前一亮】的VS Code插件！

1. Colorful Comments

Colorful Comments是一款能够让你轻松创建更加易于阅读、对用户更加友好注释的一款VS Code插件。

注释在代码中占据着重要的地位，实现的函数是什么功能？入参和返回值分别是什么？

良好的注释，能够提升其他团队开发者的阅读效率，也能够减少自己后期维护的成本。

但是，以往的注释都过于枯燥乏味，颜色单一，没有区分度。

Colorful Comments让注释变得更加丰富多彩，更加易于区分。

使用Colorful Comments时，我们可以用不同的符号来区分注释的类型，然后VS Code就可以用不同的颜色来区分它们，这样大大提升了注释的辨识度。

不同符号和注释颜色的对应关系如下：

• 红色 (!)
• 蓝色 (?)
• 绿色 (*)
• 黄色 (^)
• 粉红色 (&)
• 紫色 (~)
• 深黄 (todo)
• 灰色 (//)

可以看一下效果：

2. arrr

arrr是一款在前端开发过程中非常高效的一款插件，它能够快速把HTML代码提取成一个组件。

在开发前端过程中，有很多组件是可以共用的，例如，header、footer等。当然，除了这些之外，视情况而定，在不同系统下总会有很多可以共用的组件。

如果可以共用，那么就没有必要在每个页面都去重复的写一些HTML，这样能够造成巨大的代码冗余。

针对这个问题，我们可以把公共部分提取成一个组件，这样，在用到的地方直接引入这个组件即可。

arrr就是这样的一款插件，使用时只需要选中需要提取成组件的代码部分，能够快速的生成一个组件，并完成导入部分的代码。这样，就不用开发者再去手动复制、粘贴写一个组件，然后再繁琐的修改原有代码。

3. WakaTime

WakaTime是一款看板插件，可以用来监控、跟踪、统计开发者的编码情况。

每天、每周我都喜欢对自己进行一些总结，我这一天做了什么？有没有什么可量化的指标来衡量我这期间的成果和收获？

大多数时候都是模模糊糊，结果很不清晰，完成了几个待办事项？写了多少行代码？项目进展到什么程度？这些都需要自己有一个清晰的认识。

数据和图形是最能够给人带来直观感受和内心冲击的东西，例如，写了2000行代码、每天平均完成了2个需求、项目进展了45%等等。

WakaTime就是这样的一款VS Code插件，它能够直观的统计你的代码工作量，并且以看板的形式让你很容易了解自己的情况。

使用方法

WakaTime使用时需要一定的配置，首先安装插件，然后访问https://wakatime.com/网站，打开设置，复制ApiKey，然后回到V