5 款冷门却超级好用的 VS Code 插件

2020年9月3日 330点热度 0人点赞 0条评论

公众号关注 “程序员遇见GitHub”

设为“星标”，重磅干货，第一时间送达。

这是阿三的第 171 期分享

转载 | 平凡而诗意

VS Code 的口碑越来越好，受欢迎度也越来越高，以我为例，有时一个项目中可能会用到 C++、Java、JS 等不同编程语言，如果针对每一种语言都去安装一款对应的 IDE，那样不仅会浪费很多时间，而且会极大的拖慢电脑速度。

而 VS Code 通过简单的配置，就可以让它与对应语言当下最为流行的 IDE 相提并论，因此，就没必要再去安装 PyCharm、IDEA、Clion、Webstorm 这些了。

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

今天，就给大家带来 5 款提升效率、冷门好用的 VS Code 插件，它们分别是：

Colorful Comments

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

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

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

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

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

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

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

可以看一下效果：

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

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

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

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

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

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

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

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

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

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

使用方法

WakaTime 使用时需要一定的配置，首先安装插件，然后访问 https://wakatime.com/ 网站，打开设置，复制 ApiKey，然后回到 VS Code 中快捷键 control+shift+p，搜索 WakaTime:ApiKey，输入 ApiKey 确认即可！

Rainbow csv 是一款提升 CSV 查看和编辑效率的神器。

CSV 这种格式在工作过程中经常会用到，一般我们在做数据相关的工作，CSV 常常用于存储离线数据。

虽然，CSV 可以用 Excel 打开查看，但是我个人认为这并不是一个很好的选择，数据量小的话还可以承受，但是如果数据量达到上万或者几十万，用 Excel 就很臃肿卡顿了，而且 Excel 默认还会修改数据中的一些格式，这一点非常令人反感。

如果使用 Sublime、VS Code 这些文本编辑器的话，就不用忍受格式和卡顿的问题了。

但是，随之而来的问题的就是可读性差，列无法对齐，很难区分到底每一列的对应关系。

Rainbow csv 提供了几项强大的特性轻松解决 VS Code 在 CSV 文件中遇到的问题：

100 Days of Code 是一款用于设定并达到目标，提升开发技能的一款 VS Code 插件。

我们经常会看到各种各样的 100 天挑战，挑战持续锻炼 100 天、挑战内容持续输出 100 天...

而 100 Days of Code 就是一款让你挑战开发 100 天，提升开发技能的一款插件。

它具有如下特性：

100 天的代码插件基于 Code Time 构建，Code Time 是强大的时间跟踪插件，由 70,000 多名开发人员组成的社区提供支持。