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

Question

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

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

Answer 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
},

我希望它有帮助。