Vue保存时使用Vetur自动格式化代码错误

1、报错

保存时自动格式化代码之后不符合eslint规范

单引号变成双引号，末尾添加了分号，最后一个属性添加了逗号，缩进2个空格变为4个空格

解决办法

在VScode中的setting.js文件中的vetur.format.defaultFormatterOptions中添加规则
一、在prettier中添加配置项semi、singleQuote、trailingComma

"vetur.format.defaultFormatterOptions": {
       
        "prettier": {
            "semi": false, //格式化时末尾不加分号
            "singleQuote": true, //格式化时双引号变为单引号
            "trailingComma": "none",//最后一个属性不加逗号
        },
        "js-beautify-html": {
            "wrap_attributes": "force-expand-multiline"
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },

解决问题之后格式化

二、设置vetur中tab size为2

解决问题之后格式化