vscode 開啟了自動保存時，對vue文件根據(jù)eslint自動格式化，但是需要刷新多次

我已經(jīng)根據(jù)網(wǎng)上的教程對vscode配置好了，每次刷新的時候會對vue文件做校驗
但是有個問題，就是保存的時候，有時候是好的，有時候又是不對的
如圖，我總共保存了兩次，第一次保存前，代碼格式正常，保存后，格式全部錯誤；然后在保存一次，又好了竟然，經(jīng)常出這種問題，很影響心情，你們怎么解決的

第一次保存

第二次保存

看下我從網(wǎng)上找的別人的vscode配置：

{

// 窗口失去焦點自動保存
"files.autoSave": "onFocusChange",
// 編輯粘貼自動格式化
"editor.formatOnPaste": true,
// 控制字體系列。
"editor.fontFamily": "pingfang,Menlo, Monaco, 'Courier New', monospace",
// 字體大小
"editor.fontSize": 12,
// 行高
"editor.lineHeight": 17,
// 通過使用鼠標(biāo)滾輪同時按住 Ctrl 可縮放編輯器的字體
"editor.mouseWheelZoom": false,
// 行太長自動換行
"editor.wordWrap": "on",
//Windows bash終端"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
// 主體
"workbench.colorTheme": "Monokai",
"workbench.iconTheme": "vs-seti",
// eslint設(shè)置
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
        "language": "html",
        "autoFix": true
    },
    {
        "language": "vue",
        "autoFix": true
    }
],
// 保存自動修復(fù)
"eslint.autoFixOnSave": true,
// tab鎖緊
"editor.tabSize": 2,
// 保存自動化
"editor.formatOnSave": true,
// 空格變成......
"editor.renderWhitespace": "all",
"window.zoomLevel": 0,
"editor.formatOnSave": true,
"vetur.format.defaultFormatter.html": "js-beautify-html",

}