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

2024-01-24

是否有一些 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 已经发展并提供了内置的此功能作为命令“组织导入”,具有以下内容默认键盘快捷键 https://code.visualstudio.com/updates/v1_22#_organize-imports-for-javascript-and-typescript:

option+Shift+O for Mac

Alt + Shift + O for Windows


原答案:

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

它提供以下功能:

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

For Mac: control+option+o

For Win: Ctrl+Alt+o

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐