如何在Angular CLI中重命名组件？

Question

288

除了手动编辑组件文件夹名称、.css、.ts、spec.ts 和 app.module.ts 等所有组件文件，还有没有使用 Angular CLI 重命名组件的快捷方式？

- Thomas Easo

1

如果你想改变HTML标签，只需重命名选择器。如果你想改变类名，你需要手动修改。 - Alaksandar Jesus Gene

除非他们添加 ng destroy，否则你就没那么幸运了... - Kyle Krzeski

5

您可以在此线程中监控此功能：https://github.com/angular/angular-cli/issues/900 - Andrii Romanchak

1

搜索和替换，重命名几个文件/目录......工作完成 - ldgorman

1

这是新的线程，因为Angular团队决定不在他们的CLI中包含它。详情请见：https://github.com/angular/angular-cli/issues/900#issuecomment-642889197。 - Raphaël Balet

这篇帖子已经有200k的浏览量，这就是人们需要它的原因。他们会改变主意并为了开发者之间的友谊而提供这个功能吗？ - AkiZukiLenn

12个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- salah-1 · Answer 1

正如第一个答案所指出的，目前没有重命名组件的方法，因此我们都在谈论解决方法！这是我做的：

- Buddhiprabha · Answer 2

如果您正在使用 VS Code，您可以重命名 .ts、.html、.css/.scss、.spec.ts 文件，IDE 将为您处理导入。因此，导入您组件的文件（例如 app.module.ts）将不会出现任何问题。但是，您仍然需要在使用组件名称的所有位置进行重命名。