Renombrar archivos con variables - Visual Studio Code


Todos estamos mimados por el IDE. ¡Quiero más mimos! Presentamos la extensión gratuita de Visual Studio Code para renombrar archivos y variables de reemplazo múltiple .

Hay muchas extensiones y funciones integradas para refactorizar. La característica principal es renombrar (variable, clase, método, archivo, etc.). Todos conocemos estas oportunidades, ¡nos animan todos los días!

Nos encantan las reglas, nos adherimos a las guías de estilo. Nombramos los archivos en función de los contenidos. En el archivo app-component.ts , en mi opinión, la clase AppComponent debería estar. Y cambiando el nombre de la clase AppComponent a RootComponent , el siguiente paso es cambiar el nombre del archivo a root-component.ts ... Y si es, por ejemplo, un componente angular, ¡entonces debe cambiar el nombre de tres archivos más, selectores CSS, nombres de instancia! Frente a esto? La operación de cambio de nombre más simple a menudo requiere esfuerzos increíbles de nuestra parte.

¿Has visto ese código?

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

¿Estás de acuerdo en que con el tiempo, nuestras clases pueden evolucionar? No se trata de OOP o SOLID (no hay otros animales en el proyecto), esta es una gran clase, pero el nombre no refleja la realidad. ¡Los métodos de esta clase gritan que es un gato! Y, de hecho, debemos darle a la clase la oportunidad de un buen nombre. Pero, ¿qué pasa con todas las variables de instancia, cientos de const animal = new Cat (); ? Y si ya tenemos módulos completos con la palabra clave animal .



En general, el tema de la denominación adecuada siempre es relevante. Pero todavía no hay mucha rutina automatizada.

Para divertirme, escribí un pequeño cli en node.js para el reemplazo más simple de líneas en los archivos, pero también para cambiar los nombres de los archivos ( @ justerest / multi-replace ). ¡Y me sorprendió mucho la usabilidad de esta muleta! Ya no tengo miedo de cometer un error en el nombre del componente o módulo, porque con un comando puedo cambiar el nombre de toda la colección de componentes angulares.



Después de un tiempo, también descubrí que esta herramienta puede servir como una gran alternativa a los esquemas. ¡Simplemente copie el archivo (componente) más similar y cambie el nombre! Me inspiró a escribir una extensión de reemplazo múltiple para mi editor favorito de Visual Studio Code .

multi-replace se ejecuta en String.ptototype.replace () sin ningún análisis de código o tipos de archivos. La implementación es muy simple: código mínimo, beneficio máximo. Es posible cambiar el nombre de los archivos y el texto dentro de una carpeta, junto con una carpeta, copiar los archivos modificados a una nueva carpeta.

Quiero promover y afirmarme para escuchar las críticas, sugerencias o soluciones alternativas de cambio de nombre de los ciudadanos de Habrovsk.

Gracias

Source: https://habr.com/ru/post/466979/


All Articles