使用 vue/essential 时,它不会在模板中格式化
When using vue/essential it does not format in template
我想知道为什么我的设置没有在 <template>code</template>
内格式化。搭建舞台。我一直在使用 Vue cli 3,template 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"
ESLint Plugin Vue 将其规则分为 4 个类别,每个类别都有自己的规则,您可以在此处 https://vuejs.org/v2/style-guide/ 的官方文档页面进一步阅读。
.
由于您使用的是 vue/essential(最低类别),因此没有在模板中格式化代码的规则。但它提供了许多您需要遵循的基本规则,例如 v-bind:key 用法、未使用的组件等。
.
如果你想要更好的格式,你需要将你的类别提高到 "recommended" 或最高的 "use with caution".
我想知道为什么我的设置没有在 <template>code</template>
内格式化。搭建舞台。我一直在使用 Vue cli 3,template 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"
ESLint Plugin Vue 将其规则分为 4 个类别,每个类别都有自己的规则,您可以在此处 https://vuejs.org/v2/style-guide/ 的官方文档页面进一步阅读。 . 由于您使用的是 vue/essential(最低类别),因此没有在模板中格式化代码的规则。但它提供了许多您需要遵循的基本规则,例如 v-bind:key 用法、未使用的组件等。 . 如果你想要更好的格式,你需要将你的类别提高到 "recommended" 或最高的 "use with caution".