1

我试图弄清楚为什么我的设置没有在<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'
  ],

其他配置

代码

"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"
4

1 回答 1

5

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

于 2019-02-16T03:41:39.367 回答