【前端】VsCode自动格式化再也不报Eslint错误了

        场景：是不是在开发过程中经常遇到代码书写过后出现编译错误,然后整个项目都运行不起来，就非常恼火，比如Ctrl+S就出现下面这种情况，如果你的前端使用Idea进行编写使用快捷键ctrl+alt+l格式化了一下，那你直接要爆掉，全是eslint报错，如何解决呢？

 VsCode安装插件ESLint

        当项目中使用了eslint时，如果保存时不使用eslint格式化，运行时可能会由于个人编码习惯出现很多问题，所以期望在保存时能够自动根据eslint配置格式化文档。

配置EsLint

        点击齿轮--设置--进入settings.json

进行配置

{
  "eslint.execArgv": null,
    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
    //配置eslint
    //关闭自动保存
    "files.autoSave": "off",
    //关闭vscode自带代码修复，避免与ESlint冲突
    "editor.formatOnSave": false,
    // 启用ESlint作为格式化工具
    "eslint.format.enable": true,
    "eslint.run": "onType",
    //配置 ESLint 检查的文件类型
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact",
        "html",
        "vue"
    ],
    "eslint.options": {
        "plugins": ["html"],
        "extensions": [".js", ".vue", ".jsx", ".tsx"]
    },
    //重要，让eslint显示在右下角，点击可观察插件运行是否有问题
    "eslint.alwaysShowStatus": true,
    //代码保存时，自动执行ESlint格式化代码
    "editor.codeActionsOnSave": {
        "source.fixAll": "explicit"
    }
}
  

然后页面进行ctrl+s的时候就会自动格式化，这样问题就解决了。