vscode 配置vue下的es6规范自动格式化

安装插件

eslint

打开settings.json

在settings.json中，添加

{
        "git.autofetch": true,
        "window.zoomLevel": 1,
        "eslint.autoFixOnSave": true,
        "eslint.validate": [
            "javascript",  //  用eslint的规则检测js文件
            {
              "language": "vue",   // 检测vue文件
              "autoFix": true   //  为vue文件开启保存自动修复的功能
            },
            {
              "language": "html",
              "autoFix": true
            },
          ],
      //  #让prettier使用eslint的代码格式进行校验
     "prettier.eslintIntegration": true,
     "vetur.format.defaultFormatter.html": "js-beautify-html",
     // #让vue中的js按编辑器自带的ts格式进行格式化
     "vetur.format.defaultFormatter.js": "vscode-typescript",
     "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
             "wrap_attributes": "force-aligned"
          // #vue组件中html代码格式化样式
         }
     },
          "files.trimTrailingWhitespace": true,
          "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
          "open-in-browser.default": "chrome",
          "task.slowProviderWarning": [
            "npm"
          ]
    }