eslint 自动格式化

vue 保存自动eslint 格式化

自动格式化

  {
  "eslint.autoFixOnSave": true,
  // 让 prettier 使用 eslint 的代码格式进行校验
  "prettier.eslintIntegration": true,
  "eslint.validate": [
      "javascript",
      "javascriptreact",
      "html",
      {
          "language": "html",
          "autoFix": true
      },
      {
          "language": "vue",
          "autoFix": true
      },
  ]
}

Vue 相关

{
  // 这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "js-beautify-html",  
  // 让 vue 中的 js 按编辑器自带的 ts 格式进行格式化
  "vetur.format.defaultFormatter.js": "vscode-typescript",  
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // vue 组件中 html 代码格式化样式
      "wrap_attributes": "force-aligned"
    }
  }
}

备用一（推荐）

{
  "editor.tabSize": 2,
    "files.associations": {
        "*.vue": "vue"
    },
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    "eslint.validate": [
        "javascript", {
            "language": "vue",
            "autoFix": true
        }, "html",
        "vue"
    ]
}

备用二

{
    "eslint.enable": true,
    "eslint.autoFixOnSave": true,
    // 让 prettier 使用 eslint 的代码格式进行校验
    "prettier.eslintIntegration": true,
    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [".js",".vue"]
    },
    "eslint.validate": [
        "javascriptreact",
        "vue",
        "javascript", {
            "language": "vue",
            "autoFix": true
        },
        "html", {
          "language": "html",
          "autoFix": true
        }
    ]
}