vscode 格式化 vue 的 html 部分导致标签破碎

Question

  <li>
    <a href="https://forum.vuejs.org" target="_blank" rel="noopener"
      >Forum</a
    >
  </li>

使用 vscode 开发 vue 项目，格式化 html 部分使用 eslint 自动修复会导致标签破碎，就像第3行那样

安装了 prettier vetur 插件

应该如何配置才能保证格式化正确

Answer 1

prettier插件不用安装，只安装eslint插件就好

  "eslint.options": {
    "plugins": [
      "html"
    ]
  },
  "eslint.validate": [
    {
      "language": "javascript",
      "autoFix": true
    },
    "javascriptreact",
    "html",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "eslint.autoFixOnSave": true,