在WebStorm中，你可以右键点击TypeScript文件中组件的名称→重构→重命名，它会在任何地方更改名称。

如果你使用VS Code，你可以重命名。ts， .html， .css/。scss .spec。ts文件和IDE将为您处理导入。因此，从组件中导入文件的文件(如app.module.ts)将不会产生任何抱怨。但是，您仍然必须在使用组件的任何地方重命名组件名称。

就像你通常认为的那样重命名文件和组件，然后重新启动ng serve。容易peasy。

重命名文件、路径和引用。关键是您必须关闭正在运行的服务器，并在重命名所有内容后重新启动它。

Yes!

现在有了。

有一个扩展的VS Code为你做所有这些步骤。它叫做重命名Angular组件。

我希望将它移植到WebStorm和稍后的示意图。

以前，在VS Code中至少需要三个半自动步骤。这个扩展做所有这些。

我意识到这是在推广我自己的解决方案。但它是免费的、开源的，是完整的答案。如果它不能做你想要的所有事情，你可以在回购上发布问题，它会得到改进。

要在Angular中更改组件名称，你需要遵循以下步骤:

打开包含要重命名的组件的文件。

找到组件类定义上方的@Component装饰器。

将@Component装饰器中的selector属性更改为您想要赋予组件的新名称。

例如，如果你想将组件名称从my-old-component更改为my-new-component，你可以这样做:

@Component({
  selector: 'my-new-component',
  ...
})

export class MyOldComponent {
  ...
}

保存文件。 就是这样!你已经成功地修改了Angular中的组件名称。

请记住，您可能还需要在应用程序的其他部分(如模板或路由配置)中更新对组件的任何引用。

No!

没有任何命令会更改使用组件create命令生成的所有文件的名称。创建ts html css/scss。spec。ts 文件需要手动重命名/编辑。

我经常使用angular cli，我认为这是一个很好的命令，因为有时我们只是创建angular组件，需要重命名它们。由于没有这个重命名命令，删除已创建的angular组件、指令等，然后再次运行命令来创建该组件真的很痛苦。

下面是添加该特性的讨论链接