mac系统vsCode中使用Better Comments在.vue文件里失效

问题:关于Better Comments默认在html、TS、JS中有效,在vue中无效,需要单独进行配置

windows系统可以参考友链Better Comments(注释高亮)在vue文件里失效的问题

关于Better Comments电脑的配置路径:

Windows系统:C:\Users\你的用户名.vscode\extensions -> aaron-bond.better-comments-版本号 -> out -> parser.js
macOS系统:/Users/你的用户名/.vscode/extensions -> aaron-bond.better-comments-版本号 -> out -> parser.js

详细修改文件路径参考: .vscode -> .extensions -> aaron-bond.better-comments-版本号 -> out -> parser.js

以mac os系统为🌰:首先打开电脑自带终端(熟悉终端命令直接跳过按照详细路径一直进入到parser.js进行修改即可)

cd ~   //跳转到根目录
ls -a   //查看根目录下的 .vsCode
cd .vsCode // 效果如下图所示,按照上面提供的详细路径一路cd到parser.js文件即可

在这里插入图片描述
继续进入选中的目录,cd out //能够看到parser.js 可以直接拖拽到vsCode打开或者通过命令vim修改 效果如下图所示:
在这里插入图片描述
setDelimiter函数的switch中添加以下代码: 效果如下图所示:

case "vue":
    this.setCommentFormat("//", "/*", "*/")
    break;

在这里插入图片描述

最后一步:保存修改文件,关闭vsCode,重启即可在.vue文件中使用Better Comments来写注释内容

拓展:关于自己的Better Comments配置文件参考:可以复制直接使用或自定义即可

"better-comments.tags": [
        {
          "tag": "!!",
          "color": "#FF2D00",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "todo",
          "color": "#FF2D00",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "TODO",
          "color": "#FF2D00",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "?",
          "color": "#3498DB",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "、、",
          "color": "#474747",
          "strikethrough": true,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "!",
          "color": "#FF8C00",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "info",
          "color": "#CCFFFF",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "tip",
          "color": "#CCFFFF",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "important",
          "color": "#FFFFCC",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "example",
          "color": "#FFFFCC",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "future",
          "color": "#CCFFFF",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "未完成",
          "color": "#FFFFCC",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "@",
          "color": "#CCFFFF",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "test",
          "color": "#FFFFCC",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "warn",
          "color": "#FFFFCC",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "step",
          "color": "#FFFFCC",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "^",
          "color": "#FFFFCC",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "fail",
          "color": "#FFFFCC",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        },
        {
          "tag": "***",
          "color": "#98C379",
          "strikethrough": false,
          "underline": false,
          "backgroundColor": "transparent",
          "bold": false,
          "italic": false
        }
      ],
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值