vscode 插件-better comments-代碼注釋高亮

目錄

• 安裝
• 使用
  • 效果
• 擴展注釋高亮配置
  • 使用
    • 代碼中的注釋效果

安裝

參考：VSCode中讓注釋也有高亮效果

vs code 插件里搜索 better comments 安裝

使用

正常注釋，前面使用相應的前綴即可（vs code 會結合插件自動用配置的顏色去渲染，插件自帶5種高亮注釋）

// ! 紅色的高亮注釋
// ? 藍色的高亮注釋
// * 綠色的高亮注釋
// todo 橙色的高亮注釋
// // 灰色帶刪除線的注釋
// 普通的注釋


/**
  // ! 紅色的高亮注釋
  // ? 藍色的高亮注釋
  // * 綠色的高亮注釋
  // todo 橙色的高亮注釋
  // // 灰色帶刪除線的注釋
*/

better comments 自帶的五種高亮注釋

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

效果

擴展注釋高亮配置

強調：改完配置需要重啟 vscode 生效

打開 vscode 的 settings.json 文件

添加一種高亮注釋（也可以直接改顏色）

使用

配置

• 改完配置要重啟 vscode

代碼中的注釋效果