使用 vue/essential 时,它不会在模板中格式化

When using vue/essential it does not format in template

我想知道为什么我的设置没有在 <template>code</template> 内格式化。搭建舞台。我一直在使用 Vue cli 3,template eslint + standard,我使用 VS Code,我得到了 Vetur 和 eslint 作为插件。

我想使用 @vue/essential 配置,但如前所述,它不会在模板中格式化,只能在 js 中格式化。现在在模板中切换到 @vue/recommended 格式。有什么不同?

工作配置

'extends': [
    'plugin:vue/essential',
    'standard'
  ],

不工作

.eslintrc.js

'extends': [
    'plugin:vue/essential',
    'standard'
  ],

其他配置

vscode

"eslint.workingDirectories": [
        ".eslintrc.js"
    ],
    "eslint.enable": true,
    "eslint.run": "onSave",
    "eslint.validate": [
        {
            "language": "vue",
            "autoFix": true
        },
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "javascript",
            "autoFix": true
        }
    ],
    "eslint.options": {
        "extensions": [
          ".js",
          ".vue"
        ]
    },
    "eslint.alwaysShowStatus": true,
    "eslint.autoFixOnSave": true,
    "editor.formatOnSave": false,
    "vetur.validation.template": false,
    "vetur.format.defaultFormatter.js": "prettier",
    "vetur.format.defaultFormatter.css": "prettier"

ESLint Plugin Vue 将其规则分为 4 个类别,每个类别都有自己的规则,您可以在此处 https://vuejs.org/v2/style-guide/ 的官方文档页面进一步阅读。 . 由于您使用的是 vue/essential(最低类别),因此没有在模板中格式化代码的规则。但它提供了许多您需要遵循的基本规则,例如 v-bind:key 用法、未使用的组件等。 . 如果你想要更好的格式,你需要将你的类别提高到 "recommended" 或最高的 "use with caution".