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

Question

我试图弄清楚为什么我的设置没有在<template>code</template>中格式化。来搭建舞台。我一直使用Vue cli 3，模板eslint +标准，我使用VS代码，我得到了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"

Answer 1

ESLint插件Vue将它的规则分为4类，每个类别都有自己的规则，您可以在这里的正式文档页面https://v2.vuejs.org/v2/style-guide/中进一步阅读。。因为您使用的是vue/essential (最低类别)，所以它没有用good格式化模板代码的规则。但它提供了许多您需要遵循的基本规则，比如v-bind:密钥使用、未使用的组件等等。如果您想要更好的格式，您需要将您的类别提高到“推荐”或最高的“谨慎使用”。