2017-09-25 19 views
26

除了手动编辑所有组件文件(例如文件夹名称,css,ts,spec.ts和app.module.ts)之外是否有任何快捷方式可以在Angular CLI中重命名组件?如何在Angular CLI中重命名组件

+0

只要重命名选择器,如果你想改变html标签。如果你想改变班级,你需要手动完成。 –

+0

直到他们加入'ng destroy',你才不幸运... –

+2

你可以在这个线程中监视这个功能:https://github.com/angular/angular-cli/issues/900 –

回答

31

不!

没有命令会改变使用component create命令生成的所有文件的名称。如此创建ts,html, css/scss, .spec.ts 文件需要手动重命名/编辑。

我是angular cli的常用用户,我认为这是一个很好的命令,因为有些时候我们只是创建角度组件并需要对其进行重命名。由于这个重命名命令不存在,删除创建的角度组件,指令等,并再次运行该命令来创建组件是非常痛苦的。

+2

这也可以得心应手重新使用旧项目。 – Leo

4

目前Angular CLI不支持重命名或重构代码的功能。

您可以在某些IDE的帮助下实现此功能。

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

如今VSCode正显示出一些上升趋势,我个人是这个

重构与VSCode

参考同时测定风扇: - VSCode帮助你找到一个变量的所有引用,无处不在可以确定它正在被使用,其中SHIFT + F12。这对Type Script非常有用。

重命名的参考所有实例: - 找到你可以按F2将打开一个弹出窗口,你可以改变的值,然后单击进入,这将更新的参考所有实例的所有引用后。

重命名文件和进口 可以重命名文件,并用插件的进口引用。更多细节可以发现here

+0

你谈论引用,文件和导入,但重命名组件呢? –

+0

@OrtomalaLokni angular-cli不支持重命名。重命名的任务可以通过以下三个步骤来实现。 –