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

我正在试图弄清楚为什么我的设置没有在

code

中格式化。搭建舞台。我一直在使用Vue cli 3，模板eslint+标准，我使用VS代码，我得到了Vetur和eslint作为插件

我想使用

@vue/essential

配置，但如上所述，它不在模板中格式化，只在js中格式化。现在切换到模板中的

@vue/推荐的

格式。有什么区别

工作配置

'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插件Vue将其规则分为4个类别，每个类别都有自己的规则，您可以在这里的官方文档页面中进一步阅读。 . 因为您使用的是vue/essential（最低类别），所以没有在模板中设置代码格式的规则是很好的。但它提供了许多您需要遵循的基本规则，比如v-bind：密钥用法、未使用的组件等。 .

---

如果您想要更好的格式，您需要将您的类别提升为“推荐”或最高级别的“小心使用”。

ESLint Plugin Vue将其规则分为4个类别，每个类别都有自己的规则，您可以在此处的官方文档页面中进一步阅读。 . 因为您使用的是vue/essential（最低类别），所以没有在模板中设置代码格式的规则是很好的。但它提供了许多您需要遵循的基本规则，比如v-bind：密钥用法、未使用的组件等。 . 如果您想要更好的格式，您需要将您的类别提升为“推荐”或最高级别的“小心使用”