(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"
  }
]