如何从 React Js 项目中删除所有未使用的导入？（VS代码）答案

【问题标题】：How to remove all the unsed imports from a React Js project? (VSCode)如何从 React Js 项目中删除所有未使用的导入？（VS代码）
【发布时间】：2019-12-03 15:59:08
【问题描述】：

如何从 Visual Studio Code 中的所有文件中删除未使用的导入，我的警告控制台如下所示

我尝试过使用shift+alt+o，但这只会从当前文件中删除导入

【问题讨论】：

您还没有尝试过手动检查并修复每个问题？
类似问题：- stackoverflow.com/questions/46722701/…
@AmanGupta 就像我说的 shift+alt+o 只从 Current 文件中删除未使用的导入
@rrd 当你有 20 个不同的文件时，这真的不可行，在一段时间内浪费了很多时间
即使浏览 100 个文件并按 shift-alt-o 也不太可能花费超过 5 分钟的时间，而且您只需执行一次...不知道问题出在哪里...？

标签： reactjs import visual-studio-code

【解决方案1】：

有一个 eslint 插件。对我来说效果很好。

它叫eslint-plugin-unused-imports。

在eslint配置文件中：

"plugins": ["unused-imports"],
"rules": {
    "no-unused-vars": "off", // or "@typescript-eslint/no-unused-vars": "off",
    "unused-imports/no-unused-imports": "error",
    "unused-imports/no-unused-vars": [
        "warn",
        { "vars": "all", "varsIgnorePattern": "^_", "args": "after-used", "argsIgnorePattern": "^_" }
    ]
}

然后，在你的 vscode 配置中：

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

我希望它有所帮助。 ?

【讨论】：