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