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

标签 angular visual-studio-code

<分区>

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

我很好奇,有没有什么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 已经发展并提供此内置功能作为命令“Organize imports”,具有以下 default keyboard shortcuts :

选项+Shift+O Mac

Alt + Shift + O 适用于 Windows


原答案:

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

它提供了以下功能:

  • 将项目或库的导入添加到当前文件
  • 为光标下的当前名称添加导入
  • 使用一个命令添加文件的所有缺失导入
  • 建议符号并自动添加所需导入的 Intellisense 修复您编写的代码的“灯泡功能”
  • 对您的导入进行排序和整理(排序并删除未使用的)
  • 打开的 TS/TSX 文档的代码大纲 View
  • 还有 JavaScript 的所有很棒的东西! (虽然是实验阶段,下面有更好的描述。)

对于 Mac:control+option+o

Win: Ctrl+Alt+o

关于angular - 有没有办法从 Angular 2+ 中删除未使用的导入和声明?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46722701/

相关文章:

configuration - 配置 VSCode 执行不同的任务

javascript - 如何在 Angular 2 中单击按钮时将数据从一个组件发送到另一个组件

angular - 为什么没有反射(reflect) node_modules 中对 Angular 模板的更改

html - 将 ngModel 绑定(bind)到复杂数据

go - 如何在vscode中设置Go调试标志并知道您是否在调试中运行

visual-studio-code - 如何使用vscode集成终端在另一个终端中运行任务

selenium - 我可以将 selenium webdriver 安装到 Visual Studio Code 中吗?

visual-studio-code - 我可以在 VSCode 扩展中设置 editor.tokenColorCustomizations 吗?

Angular2 Animation Transitions 仅针对某些事件触发

javascript - Angular 2 : scroll event not firing