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

代码中的注释效果

posted @ 2020-07-07 22:30  suwanbin  阅读(33020)  评论(0编辑  收藏  举报