2017-09-25 141 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不支持重命名。重命名的任務可以通過以下三個步驟來實現。 –