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

我受命从最近已经离开公司的其他开发人员那里获取一些混乱的代码。

我很好奇，是否有一些Visual Studio Code插件或其他手段可以帮助我们快速有效地整理和整理导入和引用？

例如，可能有数百个这样的进口

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

可以类似地转换为

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

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

感谢您的任何反馈！

编辑（如评论和其他人的建议），Visual Studio Code已经发展，并以命令“组织导入”的方式内置了此功能，并具有以下默认键盘快捷键：

option+ Shift+ O对于Mac

Alt + Shift + O对于Windows

原始答案：

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

它提供以下功能：

• 将项目或库的导入添加到当前文件中
• 在光标下为当前名称添加导入
• 使用一个命令添加所有丢失的文件导入
• Intellisense会建议符号并自动添加所需的导入“灯泡功能”，以修复您编写的代码
• 整理和整理您的进口商品（整理和删除未使用的商品）
• 您打开的TS / TSX文档的代码大纲视图
• JavaScript的所有很棒的东西！（虽然处于实验阶段，但在下面有更好的描述。）

对于Mac：control+ option+o

对于赢：Ctrl+ Alt+o

从Visual Studio Code Release 1.22开始，此功能免费提供，无需扩展。

Shift+ Alt+O会照顾您的。

如果您是Visual Studio的重度用户，则只需打开您的首选项设置，然后将以下内容添加到settings.json中：

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

希望这会有所帮助！

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

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

安装了打字稿编译器，如果没有安装的话：

npm install -g typescript

和在Vcode中安装的tslint扩展名，这对我来说很有效，但是启用后，我注意到CPU使用量增加了，特别是在大型项目上。

我也建议使用打字稿英雄扩展来组织您的导入。

从VSCode v.1.24和TypeScript v.2.9开始：

对于Mac：option+ Shift+O

对于赢：Alt+ Shift+O

这个线程已经有很多好的答案！我将发布此消息以帮助尝试自动执行此操作的任何人！为了自动删除整个项目的未使用导入，本文对我确实很有帮助。

在文章中，作者这样解释：

制作一个包含以下内容的独立tslint文件：

{
  "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提供的其他功能。

转到您的tslint.json并将属性值更改no-unused-variable为false