如何更改Vue项目中更漂亮的elsint规则？使用常规Vue CLI进行的项目

Question

我正在尝试进行押金检查

<!-- ✓ GOOD -->
<MyComponent
    lorem="1"
    ipsum="2"
/>

<!-- ✗ BAD -->
<MyComponent lorem="1" ipsum="2"/>

Prettier的常规Vue CLI附带将其标记为警告

<button
    @click="test"
    class="test"
    ref="test"
/>

警告消息：

Replace `⏎······@click="test"⏎······class="test"⏎······ref="test"⏎····` with `·@click="test"·class="test"·ref="test"` eslint(prettier/prettier)

如何更改它？

对于Prettier，我们可以在.prettierrc中设置规则'“ wrapAttributes”：true'，但是如何更改eslint警告？

我的.eslintrc

module.exports = {
    root: true,
    env: {
        node: true
    },
    //other options: 'plugin:vue/essential', 'plugin:vue/strongly-recommended', 'plugin:prettier/recommended'
    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'
    }
}