Gibt es eine Abkürzung zum Umbenennen einer Komponente in Angular CLI außer der manuellen Bearbeitung aller Komponentendateien wie Ordnername, css, ts, spec.ts und app.module.ts?Wie kann man eine Komponente in Angular CLI umbenennen
Nein!
Es gibt keinen Befehl, der den Namen aller Dateien ändert, die mit dem Befehl create erzeugt wurden. So erstellt ts, html, css/scss, .spec.ts Dateien müssen manuell umbenannt/bearbeitet werden.
Ich bin ein häufiger Benutzer von angular cli und ich denke, das ist ein schönes Kommando zu haben, da wir irgendwann nur eckige Komponenten erstellen und umbenennen müssen. Da dieser Umbenennungsbefehl nicht vorhanden ist, ist das Löschen der erstellten Winkelkomponente, der Direktive usw. und das erneute Ausführen des Befehls zum Erstellen der Komponente sehr schmerzhaft.
Dies wäre auch praktisch alte Projekte wiederverwenden. – Leo
Momentan unterstützt die Angular CLI die Funktion zum Umbenennen oder Refactoring von Code nicht.
Sie können diese Funktionalität mit Hilfe einiger IDE erreichen.
Intellij, Eclipse, VSCode etc .. hat standardmäßig das Refactoring unterstützt.
heute etwas Aufwärtstrend VSCode zeigt, ich persönlich bin ein Fan von diesem
Refactoring mit VSCode
Determinig Referenz: - VSCode Hilfe Sie alle Verweise von einer Variablen finden, überall es kann festgestellt werden, dass es verwendet wird, mit SHIFT + F12. Dies funktioniert unglaublich gut mit Type Script.
alle Instanzen von Referenz Umbenennung: - Nachdem alle Referenzen finden Sie F2 ein Popup öffnet drücken und Sie können den Wert ändern und klicken Sie auf diese alle Instanzen von Referenz aktualisiert eingeben.
Umbenennen von Dateien und Importieren Sie können eine Datei und ihre Importreferenzen mit einem Plugin umbenennen. Weitere Details finden Sie here
Sie sprechen über Referenzen, Dateien und Importe, aber was ist mit dem Umbenennen von Komponenten? –
@OrtomalaLokni angular-cli unterstützt das Umbenennen nicht. Die Aufgabe des Umbenennens kann mit diesen drei Schritten erreicht werden. –
Benennen Sie den Selektor einfach um, wenn Sie in HTML-Tag ändern möchten. Wenn Sie die Klasse ändern möchten, müssen Sie dies manuell tun. –
Bis sie in 'ng destroy' hinzufügen, haben Sie kein Glück ... –
Sie können die Funktion in diesem Thread überwachen: https://github.com/angular/angular-cli/issues/900 –