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

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

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

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

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

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

export class MyOldComponent {
  ...
}

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

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

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

虽然OP请求CLI命令，但一些答案集中在ide上。在这个回答中，我只是确认，当前的WebStorm/IntelliJ允许重命名组件。所有需要做的就是尝试重命名.ts文件中的类。你会看到:

并且将在所有相关的地方进行重命名。

我个人还没有找到任何同样的命令。只需创建一个新组件(重命名名称)并复制粘贴前一个组件的html, css和ts。在ts中，显然类名将被替换。这是最安全的方法，但需要一点时间。

正如第一个答案所指出的，目前没有办法重命名组件，所以我们都只是在谈论变通办法! 这就是我所做的:

创建您喜欢的新组件。 生成组件newName 使用Visual studio代码编辑器或任何其他编辑器，然后方便地移动代码/块并排! 在Linux中，使用grep和sed (find & replace)来查找/替换引用。 Grep -ir "oldname" CD文件夹 sed -i 's/oldName/newName/g' * .使用实例

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