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

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

例如,可能有数百种这样的进口产品

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

可以转换成类似的

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

或者其他功能,比如

感谢您的反馈!

推荐答案

编辑(正如 comments 和其他人中所建议的那样),Visual Studio代码已经发展,并在内置命令"Organize imports"中提供了此功能,包括以下default keyboard shortcuts项:

适用于Mac的option+Shift+O

Windows的Alt+Shift+O


原始答案:

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

它提供以下功能:

  • 将项目或库的导入添加到当前文件
  • 在光标下为当前名称添加导入
  • 用一个命令添加文件的所有缺失导入
  • 智能感知,建议符号并自动添加所需的导入
  • 对导入进行排序和组织(排序和remove unused)
  • 打开的TS/TSX文档的代码大纲视图
  • 所有针对JavaScript的很酷的东西也都有了!(不过是实验阶段,下面有更好的描述.)

对于Mac电脑:control+option+o

对于WIN:Ctrl++o

Angular相关问答推荐

嵌套formArrays的HTML迭代

尾风手风琴中的Ngor

Angular 客户端应用程序无法从停靠容器解析后端服务的地址

选中/取消选中-复选框未正确返回TRUE或FALSE

如何在Primeng中实现自定义排序

对Angular 为17的路径使用AuthGuard

Angular 懒惰地加载一个服务

MonoTypeOperatorFunction不可分配给OperatorFunction类型的参数

是否可以在Angular(12+)中迭代指定的范围而不是整个数组

当try 关闭浏览器选项卡时显示alert 时,我是否可以捕获用户是否取消警告

如何处理Angular 延迟订阅

Angular 从 13.3.8 恢复到 13.3.7

Angular Material 模态对话框周围的空白

Angular2:如果 img src 无效,则显示占位符图像

Angular 2 组件不是任何 NgModule 的一部分

单元测试错误:无法从同步测试中调用 Promise.then

ng add 与 npm install 在 Angular 6 中的区别

Angular单元测试输入值

升级到 angular-6.x 会给出Uncaught ReferenceError: global is not defined

在angular-cli中创建模块时生成路由模块