Блог

Главная - Вопросы по программированию - Показывать имена правил для предупреждений Vue CLI от Prettier

Показывать имена правил для предупреждений Vue CLI от Prettier

#vue.js #eslint #vue-cli #prettier

#vue.js #eslint #vue-cli #красивее

Вопрос:

Пресеты, которые я выбрал для своего проекта Vue CLI, содержат правила, которые предупреждают меня о чем-то в моем HTML, например, об этом:

 warning: Replace `·title="Publicly·Visible"·:class="{·inactive:·!member.isPubliclyVisible·}">�</span` with `␍⏎··············title="Publicly·Visible"␍⏎··············:class="{ ·inactive:·!member.isPubliclyVisible·}"␍⏎··············>�</span␍⏎············` (prettier/prettier) at srcviewsMemberList.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, чтобы они сообщали мне, что это за правило, чтобы я был настроен не только на это конкретное правило, но и в будущем, если я захочу отключить другие правила.

Как я могу узнать, какое конкретное правило связано с предупреждением eslint на основе vue-cli?

Мой текущий .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. Я предположил, что если вы установите плагин eslint в своей IDE, он предложит вам название правила ошибки.

2. У меня действительно установлен ESLint 1.8.2 в vscode. Кажется, что это работает только для полных .js файлов (например, store.js ), а не .vue для файлов. Даже тогда IDE показывает только предлагаемое исправление с «eslint (красивее / prettier)» в качестве дополнительного пояснения. — Но если есть способ получить то, что я хочу, в VSCode, который был бы приемлемым лично для меня (хотя другим все еще может понадобиться решение CLI).