ESLint — переопределить правила из eslint-plugin-prettier
Я использую ESLint с более красивыми плагин и конфигурация:
// eslintrc.js
extends: [
`eslint:recommended`,
`plugin:react/recommended`,
`plugin:@typescript-eslint/recommended`,
`plugin:prettier/recommended`,
`prettier/react`,
`prettier/@typescript-eslint`
]
Это прекрасно работает, но я хотел бы отключить определенное более красивое правило, которое удаляет «ненужные» круглые скобки (их удаление фактически нарушает мой код):
// Replace `(state.counter)` with `state.counter` eslint(prettier/prettier)
return <div>{(state.counter)}</div>
Как видно из приведенного выше сообщения, в нем не указано, какое именно правило вызывает такое поведение, и поэтому я не знаю, какое из них переопределить.
Я пытался переопределить все правила, найденные в eslint-красивее-конфигурации, но ничего не получилось, и я не хочу продолжать использовать // eslint-disable-next-line prettier/prettier.
Ответы 2
В настоящее время невозможно отключить это конкретное правило из красивее с помощью конфигурации, но чтобы переопределить правила в эслинт, поступающие из блока extends, вы можете либо написать в правиле следующее:
"rules": {
"prettier/prettier": "off"
"@typescript-eslint/no-use-before-define": [
"error",
{ "functions": false, "variables": true, "classes": true },
],
}
Или, чтобы переопределить его только для определенного шаблона файла, вы можете переопределить его в блоке overrides.
"overrides": [
{
"files": ["*.html"],
"rules": {
"prettier/prettier": "off",
"@typescript-eslint/unbound-method": "off"
}
}
]
Здесь я показываю как конфигурацию, которую вы искали, так и унаследованное правило от вложенного пакета, чтобы показать будущим посетителям, как это сделать.
Prettier не так настраивается. Вы можете попробовать конфигурацию, которая у них есть: https://prettier.io/docs/en/configuration.html
Поместите файл .prettierrc или конфигурацию eslint следующим образом:
{
rules: {
'prettier/prettier': [
'error',
{
trailingComma: 'all',
tabWidth: 2,
semi: false,
singleQuote: true,
bracketSpacing: true,
eslintIntegration: true,
printWidth: 120,
},
],
}
}
спасибо, сэкономил мне кучу времени <3
Как вы узнали, что в разделе
overridesнужно поставить"prettier/prettier"? Почему бы не простоprettier, это где-нибудь задокументировано? Я пытаюсь сделать то же самое для плагина кипариса и не знаю, что именно поставить