Yes!

现在有了。

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

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

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

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

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

目前还没有rename cli命令。但我发现解决这个问题最简单的方法是在cli上生成一个新组件，并将内容复制到新组件中。 然后删除原始组件，在代码库中需要重命名为新组件名称的每个位置都会出现一个错误。一旦所有错误都处理好了，你就完成了!：）

另外，您还必须删除旧组件的导入语句。

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

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

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

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

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

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

export class MyOldComponent {
  ...
}

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

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

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

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

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

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