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中的组件名称。

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

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

No!

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

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

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

Yes!

现在有了。

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

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

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

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

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

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