2017-10-13 76 views
2

我被分配去从最近已经离开公司的其他开发者那里拿一些乱七八糟的代码。有没有办法从Angular 2+中删除未使用的导入和声明?

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

例如,有可能上百进口这样

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

可以转换为相若方式像 自动删除那些从应用程序未使用的进口和声明

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

或其他功能。模块还是从整个项目的所有组件?

感谢您的任何反馈!

+0

如果外来的进口部件特别是对业绩的拖累我也想知道。 – Marcidius

回答

8

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

它提供以下功能:

  • 添加项目的进口或库,以当前的文件
  • 添加进口的光标下的当前名称
  • 使用一个命令添加所有缺少的文件导入
  • 建议使用符号的Intellisense LS,并自动添加所需的进口 “灯泡功能”,修复代码你写
  • 排序和组织进口(排序和删除未使用的)打开的TS的
  • 代码大纲视图/ TSX文件
  • JavaScript的所有酷炫的东西! (实验阶段,虽然,下面更好的描述。)
+1

谢谢你让我加入这个附加组件,它很有用!直到我刚刚安装它,我曾经安装了自动导入扩展,以照顾这一小部分功能(自动导入)。但是,在安装TypeScript Hero之后,它会完成所有我需要的操作,包括在导入语句本身中按字母顺序排序依赖关系,摆脱组件类中未使用的导入等等! – Marcidius

1

去你tslint.json和财产no-unused-variable的值更改为false

相关问题