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

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

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

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

下面是我用来重命名组件的检查表:

1.重命名组件类(VSCode Rename Symbol将更新所有引用)

<Old Name>Component => <New Name>Component

2.重命名@Component选择器和引用(使用VSCode的Replace in Files):

app-<old-name> => app-<new-name>

Result:
@Component({
  selector: 'app-<old-name>' => 'app-<new-name>',
  ...
})

<app-{old-name}></app-{old-name}> => <app-{new-name}></app-{new-name}>

3.重命名组件文件夹(在VSCode中重命名文件夹时，会更新模块和其他组件中的引用)

src\app\<module>\<old-name> => src\app\<module>\<new-name>

4.重命名组件文件(手动重命名将是最快的，但您也可以使用终端一次重命名)

<old-name>.component.* => <new-name>.component.*

Bash:
find . -name "<old-name>.component.*" -exec rename 's/\/<old-name>\.component/\/<new-name>.component/' '{}' +

PowerShell: 
Get-Item <old-name>.component.* | % { Rename-Item $_ <new-name>.component.$($_.Extension) }

Cmd:
rename <old-name>.component.* <new-name>.component.*

5.替换@Component中的文件引用(使用VSCode的Replace in Files):

<old-name>.component => <new-name>.component

Result:
@Component({
  ...
  templateUrl: './<old-name>.component.html' => './<old-name>.component.html',
  styleUrls: ['./<old-name>.component.scss'] => ['./<new-name>.component.scss']
})

这就足够了

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

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

目前，Angular CLI不支持重命名或重构代码的特性。

您可以在一些IDE的帮助下实现这样的功能。

Intellij, Eclipse, VSCode等。默认支持重构。

现在VSCode呈现出一些上升趋势，我个人是它的粉丝

用VSCode重构

确定基准:- VS Code帮助你通过选择变量并按快捷键SHIFT + F12来查找变量的所有引用。这与类型脚本一起工作得非常好。

重命名所有引用实例:- 找到所有的引用后，你可以按F2将打开一个弹出窗口，你可以改变的值，并按enter，这将更新引用的所有实例。

重命名文件和导入 您可以使用插件重命名文件及其导入引用。更多细节可以在这里找到

通过上述步骤，在重命名变量和文件后，您可以实现角组件的重命名。