如何基于代码库现有ESLint配置开启保存自动lint功能？

• 首先对齐本地和项目的ESLint依赖，避免版本差异导致规则不匹配：
  • 卸载全局安装的ESLint：npm uninstall -g eslint
  • 安装项目本地全部依赖：npm install 或 yarn install，后续所有lint操作优先调用项目本地安装的ESLint实例，完全复用仓库的配置规则。
• 编辑器侧配置仅修复修改内容，避免改动历史代码的格式：
  以VS Code为例，打开工作区设置，添加以下配置：

  {
    "eslint.useGlobalEslint": false,
    "eslint.codeActionsOnSave.mode": "modifications",
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    }
  }
  

  其中"eslint.codeActionsOnSave.mode": "modifications"配置项会让ESLint仅修复你本次编辑改动的代码行，不会扫描修改整个文件的历史代码，自然不会产生大量空格、引号类的无关变更。
• 如果后续需要全量统一仓库代码格式，单独执行一次全量修复提交即可：
  执行命令npx eslint . --fix，完成后单独提交本次变更，不要和业务代码修改混在一起，避免影响code review效率。可以同时在项目.eslintignore文件中配置不需要lint的目录（比如打包产物目录、第三方依赖目录），减少不必要的检查。

内容的提问来源于stack exchange，提问作者acoderbird