ESLint配置：VSCode配置eslint，实现错误代码标识以及自动修复

一、安装 eslint 插件

二、VSCode扩展设置：

因为按“ctrl+shift+p”快捷键后输入“Open Default Settings”命令查找到的VSCode配置文件是只读的，所以我们从菜单中“file->preferences->settings”进行配置，在搜索栏中依次配置如下内容：

"eslint.validate": [
    "javascript",
    {
        "language": "jsx",
        "autoFix": true
    },
    {
        "language": "html",
        "autoFix": true
    }
],
"eslint.run": "onSave",
"eslint.autoFixOnSave": true,

如此，每次保存文件的时候就可以根据 .eslintrc.js 配置规则来检查代码和做一些简单的修复

三、什么时候修复错误代码？

保存文件的时候 eslint 插件会自动修复代码，保存一次可能没法修复所有的错误，那就多保存几次。

四、关于自动保存

如果你的编辑器设置了自动保存 "files.autoSave": "afterDelay" ，那么在你修改代码文件自动保存后是不会触发 eslint 自动修复功能的。这个时候仍然需要你手动保存一下（ctrl+s）才会自动修复。

五、VSCode如何禁止eslint？

"eslint.enable": false