(8). VSCode 插件 - better Comments 让注释也有高亮效果

在我们编写代码的时候，JS、HTML、CSS、PHP、Python都有对应的高亮显示，让我们的代码看起来及舒服又提高效率。但一般我们的代码注释只有一种颜色，看起来及单调又无趣。

作为一个有理想有追求，上班一心想摸鱼，下班就去大宝剑的程序员怎么能忍受这种单调那,技术好不好不重要，但装备一定要酷，装个Better Comments插件就可以实现注释代码高亮。

安装 和 设置

点击VSCode中的插件，然后在搜索栏中输入Better Comments，然后点击install就可以安装。

安装非常简单，现在我们来看看都又什么效果。其实使用就是在注释开头加上特殊的符号。

！ ， 红色注释
? , 蓝色注释
// , 灰色删除线注释
todo ,橘红色注释
* , 浅绿色注释

当然如果你看不上这些颜色，你也可以自己定义属于自己的颜色。方法如下：

1. 点击插件上的小齿轮， 选择Extension Setting.
2. 点击Edit in setting.json选项，点击后打开了settings.json
3. 复制下面代码到settings.json,根据自己的喜好自定义了
4. 也可以增加新的注释颜色到setting.json中。

具体代码如下：

"better-comments.tags": [
  {
    "tag": "!",
    "color": "#FF2D00",
    "strikethrough": false,
    "backgroundColor": "transparent"
  },
  {
    "tag": "?",
    "color": "#3498DB",
    "strikethrough": false,
    "backgroundColor": "transparent"
  },
  {
    "tag": "//",
    "color": "#474747",
    "strikethrough": true,
    "backgroundColor": "transparent"
  },
  {
    "tag": "todo",
    "color": "#FF8C00",
    "strikethrough": false,
    "backgroundColor": "transparent"
  },
  {
    "tag": "*",
    "color": "#98C379",
    "strikethrough": false,
    "backgroundColor": "transparent"
  }
]