博客列表 >vscode 插件-better comments-代码注释高亮

vscode 插件-better comments-代码注释高亮

陈翔
陈翔原创
2022年10月18日 15:27:421353浏览

安装

参考: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

代码中的注释效果


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议