Umbenennen von Dateien mit Variablen - Visual Studio-Code

Wir sind alle von der IDE verwöhnt. Ich möchte mich mehr verwöhnen lassen! Einführung der kostenlosen Visual Studio Code-Erweiterung zum Umbenennen von Dateien und zum Ersetzen von Variablen.

Es gibt viele Erweiterungen und integrierte Funktionen für das Refactoring. Das Hauptmerkmal ist das Umbenennen (Variable, Klasse, Methode, Datei usw.). Wir alle kennen solche Möglichkeiten gut, sie heben jeden Tag unsere Stimmung!

Wir lieben die Regeln, halten uns an Styleguides. Wir benennen die Dateien basierend auf dem Inhalt. In der Datei app-component.ts sollte meiner Meinung nach die AppComponent- Klasse liegen. Wenn Sie die AppComponent- Klasse in RootComponent umbenennen , müssen Sie im nächsten Schritt den Dateinamen in root-component.ts ändern. Wenn es sich beispielsweise um eine Angular-Komponente handelt, müssen Sie den Namen von drei weiteren Dateien, CSS-Selektoren und Instanznamen ändern. Angesichts dessen? Der einfachste Umbenennungsvorgang erfordert oft unglaubliche Anstrengungen von uns.

Hast du einen solchen Code gesehen?

// src/models/animal.ts class Animal { run(): void; jump(): void; catchMouse(): void; meow(): void; } 

Stimmen Sie zu, dass sich unsere Klassen im Laufe der Zeit weiterentwickeln können? Es geht nicht um OOP oder SOLID (es gibt keine anderen Tiere im Projekt), dies ist eine großartige Klasse - aber der Name spiegelt nicht die Realität wider. Methoden dieser Klasse schreien, dass es eine Katze ist! Und tatsächlich müssen wir der Klasse eine Chance auf einen guten Namen geben. Aber was ist mit allen Instanzvariablen, Hunderten von const animal = new Cat (); ? Und wenn wir schon ganze Module mit dem Schlüsselwort animal haben .



Im Allgemeinen ist das Thema der richtigen Benennung immer relevant. Aber es gibt immer noch nicht viel automatisierte Routine.

Um Spaß zu haben, habe ich eine kleine CLI auf node.js geschrieben, um Zeilen in Dateien am einfachsten zu ersetzen, aber auch Dateinamen zu ändern ( @ justerest / multi-replace ). Und ich war sehr überrascht von der Benutzerfreundlichkeit dieser Krücke! Ich habe keine Angst mehr, einen Fehler im Namen der Komponente oder des Moduls zu machen, da ich mit einem Befehl die gesamte Sammlung von Angular-Komponenten umbenennen kann.



Nach einer Weile stellte ich auch fest, dass dieses Tool eine großartige Alternative zu Schaltplänen sein kann. Kopieren Sie einfach die ähnlichste Datei (Komponente) und benennen Sie sie um! Es hat mich dazu inspiriert, eine Multi-Replace- Erweiterung für meinen bevorzugten Visual Studio Code- Editor zu schreiben.

Multi- Replace wird auf dem primitiven String.ptototype.replace () ausgeführt, ohne dass Code oder Dateitypen analysiert werden müssen. Die Implementierung ist sehr einfach - minimaler Code, maximaler Nutzen. Es ist möglich, Dateien und Text in einem Ordner zusammen mit einem Ordner umzubenennen und geänderte Dateien in einen neuen Ordner zu kopieren.

Ich möchte fördern, mich durchsetzen, um Kritik, Vorschläge oder alternative Umbenennungslösungen von den Habrovsk-Bürgern zu hören.

Vielen Dank!