vscode img標簽 self-closing自動閉合

vscode 配置了eslint ctrl+s 自動格式化后，遇到img標簽自動去除/ 問題，去除了/留下一個空格導(dǎo)致報錯。
查了一下原因是因為 HTML(5) 不要求標簽自閉合，而eslint默認開起了這個檢測,可以在.eslint.js中的rules中添加'vue/html-self-closing': 'off',去關(guān)閉這條規(guī)則。

如果想使用這個規(guī)則，具體怎么解決那個空格問題暫時沒去研究。

問題重現(xiàn)

貼上我的vscode編輯器setting.json詳細配置

{
    "window.zoomLevel": 1,
    "workbench.sideBar.location": "left",
    "editor.fontSize": 12,
    "workbench.colorTheme": "Solarized Dark",
    "explorer.confirmDelete": false,
    "editor.lineHeight": 30,
    "sync.gist": "",
    "workbench.iconTheme": "vscode-icons",
    "search.followSymlinks": false,
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "workbench.startupEditor": "newUntitledFile",
    // 配置eslint保存更新代碼
    "editor.formatOnSave": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "vetur.format.defaultFormattr.js": "none",
    "vuter.format.defaultFormatter.html": "prettyhtml",
    "vuter.format.defaultFormatterOption": {
        "prettyhtml": {
            "preintWidth": 80
        }
    },
    "sync.forceUpload": false,
    "vetur.format.defaultFormatter.html": "prettier",
}