vscode设置vue代码保存时自动按eslint风格格式化

首先vscode安装三个插件

• ESLint
• Vetur
• prettier

安装好vscoe设置如下,这样每次按下cmd/ctrl + S的时候代码就会自动被格式化eslint风格

{
    "workbench.colorTheme": "Material Theme",
    "window.zoomLevel": 0,
    "editor.fontSize": 14,
    //-------保存文件时eslint自动格式化设置----------
    "prettier.eslintIntegration": true, //让prettier使用eslint的代码格式进行校验
    "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
    "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned" //属性强制折行对齐
        }
    },
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        {
            "language": "vue",
            "autoFix": true
        },
        "html",
        "vue"
    ]
}