При использовании vue/essential он не форматируется в шаблоне
Я пытаюсь понять, почему мои настройки не форматируются внутри <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"
1 ответ
Плагин ESLint Vue разделяет его правило на 4 категории, каждая категория имеет свое собственное правило, которое вы можете прочитать далее на официальной странице документации здесь https://vuejs.org/v2/style-guide/., Так как вы используете vue/essential (самая низкая категория), у него нет правил для форматирования кода в шаблоне с хорошим. Но он предоставляет много важных правил, которым вы должны следовать, таких как v-bind: использование ключа, неиспользуемый компонент и т. Д. Если вы хотите лучше отформатировать, вам нужно поднять свою категорию до "рекомендуемой" или самой высокой "используйте с осторожностью".