eslint自动修复把无效引入删除了，如何关闭？

Question

vscode的setting.json里有配置这个

"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

保存时会自动使用eslnt修复，会把未使用的引入自动删除，如何配置能关闭这个功能？

Answer 1

找到.eslintrc.js文件，添加一行规则'no-unused-vars': 'off'，代码中的结构如下：

module.exports = {
  rules: {
    'no-unused-vars': 'off', 
  },
};

重启vscode窗口即可（这一步非常重要，不重启是不会及时生效的），不需要对setting.json进行额外的配置

Answer 2

如果你在使用 VS Code 编辑器，可以在 VS Code 的设置中关闭自动修复未使用的引入。具体的步骤如下：

打开 VS Code 编辑器，点击左下角的设置图标（齿轮图标）。

在搜索框中输入 eslint，找到 ESLint › Code Actions On Save: Fix 选项。

点击该选项旁边的齿轮图标，选择 Edit in settings.json。

在打开的 settings.json 文件中，找到 eslint.codeActionsOnSave.mode 选项，并将其设置为 "all"。

"eslint.codeActionsOnSave.mode": "all"

这将会在保存时执行所配置的所有 ESLint 动作，包括自动修复未使用的引入。

将该选项设置为 "problems"，即可禁用自动修复未使用的引入功能。
"eslint.codeActionsOnSave.mode": "problems"

这样，在保存时，只会执行与问题有关的 ESLint 动作，而不会自动修复未使用的引入。