@700Hp

После отключения правила eslint ругается prettier, как предотвартить?

Развернул проект с помощью vue create, указал eslint + prettier

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


сделал файл .prettierrc.json

{
  "semi": false
}


Тем не менее ошибка не пропадает:
63d8b8cdcd525443309885.png

Использую webstorm. Может с его конфигурацией что-то связано?
  • Вопрос задан
  • 203 просмотра
Решения вопроса 2
Aetae
@Aetae Куратор тега JavaScript
Тлен
prettier - это одно, eslint - это другое, если у тебя prettier подключается через eslint, то настройки для него указываются скопом, условно так:
rules: {
    'prettier/prettier': ['warn', {
      semi: false,
      ...
      singleQuote: true,
      vueIndentScriptAndStyle: true,
      arrowParens: 'avoid',
      trailingComma: 'none',
      quoteProps: 'consistent',
    }],
Ответ написан
Комментировать
Zraza
@Zraza
Помог ответ? Отметь решением!
Сейчас prettier используется как часть eslint
Я бы порекомендовал эти шаги разделить:
1) Вместо "plugin:prettier/recommended" поставить "prettier" - это должно выключить свои правила линтера по стилизации.
2) Запускать prettier отдельно - можно это делать автоматически перед коммитом через husky или интегрировать в CI.
3) Настроить в веб шторм форматирование с использованием prettier. Он умеет подхватывать .prettierrc.json

Поправьте, если что-то забыл
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы