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

Question

我想弄清楚为什么我的设置没有在<template>code</template>. 设置舞台。我一直在使用 Vue cli 3，模板 eslint + 标准，我使用 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"

Answer 1

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