VSCode配置vue2代码格式化

在团队开发项目的时候，由于每个人可能使用的格式化插件或配置都不一样，修改某个文件时，可能整个文件的结构都被修改，在合并代码的时候，无法准确查看修改项，并会产生冲突，解决起来很麻烦，所以需要统一一下大家的代码格式化规范。

1.安装vetur插件

2.配置vetur为默认格式化插件

3.打开设置，在最后添加如下配置

    "editor.formatOnSave": true,
    "vetur.format.options.tabSize": 2,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "prettier",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            // #vue组件中html代码格式化样式
            // - auto: 仅在超出行长度时才对属性进行换行。
            // - force: 对除第一个属性外的其他每个属性进行换行。
            // - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。
            // - force-expand-multiline: 对每个属性进行换行。
            // - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。
            "wrap_attributes": "aligned-multiple", 
            "wrap_line_length": 150,
        },
        "prettier": {
            "semi": false,
            "singleQuote": true
        }
    }