526互联

vs code 注释自定义颜色、高亮(使用better-comments插件)

发布时间 2023-11-09 15:34:45作者: 芒果5s

一、下载安装扩展，扩展 -> 输入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文件添加图片中的代码

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"
    },
  ],