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

代码中的注释效果