vs code 注释自定义颜色、高亮(使用better-comments插件)
一、下载安装扩展,扩展 -> 输入better-comments 搜索 -> 安装
二.此时的 .vue后缀 文件注释还未生效,需要修改.vscode配置
1.需要找到 aaron-bond.better-comments-3.0.2 -> out -> parser.js 修改全局配置文件
这里我的路径是:C:\Users\Administrator\.vscode\extensions\aaron-bond.better-comments-3.0.2\out
2.打开parser.js文件添加图片中的代码
1 2 3 | case "vue" : this .setCommentFormat( "//" , "/*" , "*/" ) break ; |
三.自定义颜色
better-comments提供了几种初始颜色,如下图 前缀 !、? TODO
如果需要自己修改颜色,或者添加前缀.打开settings.json文件,在json对象中添加以下代码,重启后即可生效。在最底部提供了我的个人配置参考(项目文件前图标插件:vscode-icons)
"better-comments.tags": [这里填你的配置信息]
参考配置
// 普通 黄色
// !警告红色
// ? 疑问
// todo 需要修改的
// * 全部
// @ 其他
"better-comments.tags": [ { "tag": "!", "color": "#E10909", "bold": false, //字体加粗 "strikethrough": false, "backgroundColor": "transparent", }, { "tag": "?", "color": "#2AFFE8", "strikethrough": false, "backgroundColor": "transparent" }, { "tag": "", "color": "#FF8C00", "strikethrough": false, "backgroundColor": "transparent" }, { "tag": "todo", "color": "#ECF441", "strikethrough": false, "backgroundColor": "transparent" }, { "tag": "*", "color": "#98C379", "strikethrough": false, "backgroundColor": "transparent" }, { "tag": "@", "color": "#8D2AFF", "strikethrough": false, "backgroundColor": "transparent" }, ],
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步