Я просто настраиваю свою среду разработки с недавно установленным linter & prettier для Vue. js и NUXTJS Я проверил свою конфигурацию с помощью
npx eslint --print-config ./pages/index.vue | npx eslint-config-prettier-check
и
Не найдено ненужных правил или правил, противоречащих Prettier.
Когда я пишу что-то вроде следующего и всплывающие окна eslint говорят: «Эй, красивее не хочется, чтобы вы сделать это, кто-нибудь знает почему? Я не хочу, чтобы линтер просто игнорировал в этом случае, поскольку такой стиль кажется очень обычным в моих кодах. Приветствуется любая помощь!
Ошибка:
Коды:
<h2 class="subtitle">
123 {{ env }} 123
</h2>
<h2 class="subtitle">
{{ env }}
</h2>
<h1 class="title">
reborn
</h1>
Также ниже показан мой .eslintr c. js:
module.exports = {
root: true,
env: {
browser: true,
node: true
},
parserOptions: {
parser: 'babel-eslint'
},
plugins: ['prettier', 'vue'],
rules: {
'vue/component-name-in-template-casing': ['error', 'PascalCase'],
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debuger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'vue/max-attributes-per-line': 'off',
'nuxt/no-cjs-in-config': 'off'
},
globals: {
$nuxt: true
},
extends: [
'@nuxtjs',
'plugin:prettier/recommended',
'plugin:nuxt/recommended',
'plugin:vue/recommended',
'prettier',
'prettier/babel',
'prettier/vue',
'prettier/unicorn'
]
}