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

代码中的注释效果