有没有办法从 Angular 2+ 中删除未使用的导入和声明？ [关闭]

Question

我被指派从最近离开公司的其他开发人员那里拿一些乱七八糟的代码。

请问有没有Visual Studio Code的插件或者其他方式可以帮助我们快速有效的整理和组织导入和引用？

例如，可能有数百个这样的导入

import { AutoCompleteModule,InputSwitchModule } from 'primeng/primeng';
import { ListboxModule } from 'primeng/primeng';

可以转换成类似的

import { AutoCompleteModule,
         InputSwitchModule,
         ListboxModule  } from 'primeng/primeng';

或其他功能，如 自动从 app.module 或整个项目的所有组件中删除那些未使用的导入和声明？

感谢您的任何反馈！

Answer 1

编辑（如 cmets 和其他人所建议的那样），Visual Studio Code 已经发展并以“组织导入”命令的形式内置提供此功能，并带有以下 default keyboard shortcuts：

选项+Shift+O for Mac

Alt + Shift + O 对于 Windows

---

原答案：

我希望这个 Visual Studio 代码扩展能够满足您的需求：https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero

它提供以下功能：

• 将项目或库的导入添加到当前文件中
• 为光标下的当前名称添加导入
• 使用一个命令添加所有缺少的文件导入
• 建议符号并自动添加所需导入的智能感知 修复您编写的代码的“灯泡功能”
• 排序和组织您的导入（排序和删除未使用的）
• 打开的 TS / TSX 文档的代码大纲视图
• 还有 JavaScript 的所有很酷的东西！ （虽然是实验阶段，下面有更好的描述。）

对于 Mac：控制+选项+o

赢：Ctrl+Alt+o

Answer 2

从 Visual Studio Code Release 1.22 开始，它是免费的，无需扩展。

Shift+Alt+O 会照顾你的。

Answer 3

如果你是一个重度 Visual Studio 用户，你可以简单地打开你的偏好设置并将以下内容添加到你的 settings.json 中：

...
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
  "source.organizeImports": true
}
....

希望这会有所帮助！

Answer 4

为了能够检测未使用的导入、代码或变量，请确保您在 tsconfig.json 文件中具有此选项

"compilerOptions": {
    "noUnusedLocals": true,
    "noUnusedParameters": true
}

安装 typescript 编译器，如果没有安装它：

npm install -g typescript

以及安装在 Vcode 中的 tslint 扩展，这对我有用，但启用后我注意到 CPU 使用量有所增加，特别是在大型项目中。

我还建议使用 typescript hero 扩展来组织您的导入。

Answer 5

自 VSCode v.1.24 和 TypeScript v.2.9 起：

对于 Mac：选项+Shift+O

赢：Alt+Shift+O

Answer 6

这个帖子已经有很多好的答案了！我将发布此内容以帮助尝试自动执行此操作的任何人！要为整个项目自动删除未使用的导入，article 对我真的很有帮助。

在文章中作者是这样解释的：

制作一个独立的 tslint-imports.json 文件，其中包含以下内容：

{
  "extends": ["tslint-etc"],
  "rules": {
    "no-unused-declaration": true
  }
}

然后运行以下命令来修复导入：

 tslint --config tslint-imports.json --fix --project .

考虑修复它引发的任何其他错误。 （我做到了）

然后通过构建来检查项目是否正常工作：

ng build

或

ng build name_of_project --configuration=production 

结束：如果构建正确，您已成功自动删除导入！

注意：这只会删除不必要的导入。在使用前面提到的命令之一时，它不提供 VS Code 提供的其他功能。