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