小编典典

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

all

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

我很好奇是否有一些Visual Studio Code的插件或其他方式可以帮助我们快速有效地整理和组织导入和引用?

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

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

可以类似地转换为

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

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

感谢您的任何反馈!


阅读 92

收藏
2022-05-18

共1个答案

小编典典

编辑(如评论和其他人所建议的那样),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

2022-05-18