如何解决eslint（vue / html-closing-bracket-newline）冲突

Question

bounty到期在7天内。这个问题的答案有资格获得+ 50声望赏金。Mithun Shreevatsa正在寻找规范答案：

应保留多行格式，但应按预期将右括号放在最后一行中。

eslint和vscode设置之间应该没有冲突

vue设置需要必要的vscode设置和eslint设置

此外，sass文件不应在每次进行预提交检查时都受到对齐方式的影响。如果考虑使用制表符对齐而不是vue，js和sass文件的2个空格，那将是很好的选择

保存时，VSCode正在修复eslint正在修复所有规则。如何解决以下冲突？

预期缩进

意外缩进

错误

这里是正在使用的配置：

'vue/html-closing-bracket-newline': [
  'error',
  {
    singleline: 'never',
    multiline: 'never'
  }
],
'indent': ['error', 2],
'vue/html-indent': ['error', 2],
'vue/script-indent': ['error', 2],
'vue/multiline-html-element-content-newline': 0

VSCode设置

   "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-expand-multiline"
        }
    }

• 多行格式应保留，但右括号应本身与图片中的预期在同一行。
• eslint和vscode设置之间应该没有冲突
• 需要必要的vscode设置。以及vue设置的eslint设置此外，sass文件不应在每次进行预提交检查时都受到对齐方式的影响。
• 如果考虑使用制表符对齐而不是vue，js和sass文件的2个空格，那将是很好的选择>>

保存时，VSCode正在修复eslint正在修复所有规则。如何解决以下冲突？预期的缩进意外的缩进错误这是正在使用的配置：'vue / html-closing-bracket -...

Answer 1

如果我理解正确，那么您要寻找的是此规则：