显示来自Prettier的Vue CLI警告的规则名称

ecbunoof  于 2023-10-23  发布在  Vue.js
关注(0)|答案(1)|浏览(183)

我为我的Vue CLI项目选择的JavaScript有一些规则,警告我HTML中的一些东西,比如:

warning: Replace `·title="Publicly·Visible"·:class="{·inactive:·!member.isPubliclyVisible·}">�</span` with `␍⏎··············title="Publicly·Visible"␍⏎··············:class="{ ·inactive:·!member.isPubliclyVisible·}"␍⏎··············>�</span␍⏎············` (prettier/prettier) at src\views\MemberList.vue:29:18:
  27 |             <span title="Archived" :class="{ inactive: !member.isArchived }">�</span>
  28 |             <span title="Honorary Member" :class="{ inactive: !member.isHonoraryMember }">�</span>
> 29 |             <span title="Publicly Visible" :class="{ inactive: !member.isPubliclyVisible }"> </span>
     |                  ^
  30 |             <span title="Student" :class="{ inactive: !member.isStudent }">�</span>
  31 |           </td>
  32 |         </tr>

我不同意这个规则,想把它关掉。然而,很难从消息本身找出这是哪条规则。
我想知道 * 如何配置Vue CLI和/或eslint来告诉我 * 规则是什么,这样我不仅可以设置这个特定的规则,而且在将来如果我想关闭其他规则时也可以设置。

我如何才能知道哪些特定规则与基于vue-socket的eslint警告相关?

我当前的.eslintrc.js文件看起来像这样:

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ["plugin:vue/essential", "@vue/prettier"],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
  },
  parserOptions: {
    parser: "babel-eslint"
  }
};

当我运行npm serve时,我得到了引用的错误,它依次运行vue-cli-service serve

nlejzf6q

nlejzf6q1#

到目前为止,Prettier是否会列出影响代码块的规则的答案是“不”,根据Prettier人自己的说法:https://github.com/prettier/prettier/issues/6069
为了总结链接的内容,有人提交了一个现已关闭的GitHub问题,要求输出应用于代码块的Prettier规则的标志。可悲的是,更漂亮的人不明白的需要。例如,他们建议使用prettylint,但prettylint只说它将更改哪些行,而不是为什么。
考虑到与Prettier回购相关的1K+其他问题,这是Prettier无法满足的众多需求之一。

相关问题