安装eslink 和 vetur 在vscode中 setting的配置

{
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      {
        "language": "html",
        "autoFix": true
      },
      {
        "language": "vue",
        "autoFix": true
      }
    ],
     // 强制单引号
      "prettier.singleQuote": true,
      // 尽可能控制尾随逗号的打印
      "prettier.trailingComma": "all",
      // 开启 eslint 支持
      "prettier.eslintIntegration": true,
      // 保存时自动fix
      "eslint.autoFixOnSave": true,
     // 添加 vue 支持
     "eslint.validate": [
      "javascript",
      "javascriptreact",
      {
       "language": "vue",
       "autoFix": true
      }
     ],
     // 使用插件格式化 html
     "vetur.format.defaultFormatter.html": "js-beautify-html",
     // 格式化插件的配置
     "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
       // 属性强制折行对齐
       "wrap_attributes": "force-aligned"
      }
     },
     "vetur.format.defaultFormatter": {
         "html": "prettier",
         "css": "prettier",
         "postcss": "prettier",
         "scss": "prettier",
         "less": "prettier",
         "js": "prettier",
         "ts": "prettier",
         "stylus": "stylus-supremacy"
     },
     // html颜色高亮
     "files.associations": {
         ".eslintrc": "json",
         "*.vue": "html"
     },
     "emmet.syntaxProfiles": {
         "javascript": "jsx",
        "vue": "html",
         "vue-html": "html"
     }
}