Question

我试图弄清楚为什么我的设置未在<template>code</template>中格式化。设置舞台。我一直在使用Vue cli 3，模板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"

Answer 1

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

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

1 个答案: