Vetur和ESlint冲突导致的VSCode 单双引号自动替换、拖尾逗号、代码结尾分号的问题

vscode vue项目保存自动格式化

vue项目在安装Vetur之后，Ctrl+S保存，

1. 自动将‘单引号’改为“双引号”，导致eslint报警告⚠；
2. 自动给末尾添加逗号，

报错展示：

在vscode的设置——找到 settings.json配置文件，添加如下代码：

// 解决vetur插件问题
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            // force-aligned | force-expand-multiline
            "wrap_attributes": "force-aligned"
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": true
        },
        // --- 解决问题 ---
        "prettier": {
            "trailingComma": "none", // 末尾禁止添加逗号,这个很重要。找了好久
            "semi": false, // 去掉代码结尾的分号
            "singleQuote": true // 使用单引号替代双引号
        }
        // --- 解决问题 ---
    },

上述代码，可以解决 eslint的拖尾逗号问题，和 去掉代码结尾分号问题，以及 使用单引号替代双引号问题。