Mengganti Nama File dengan Variabel - Kode Visual Studio


Kita semua dimanja oleh IDE. Saya ingin lebih memanjakan! Memperkenalkan ekstensi Visual Studio Code gratis untuk mengganti nama file dan variabel multi-ganti .

Ada banyak ekstensi dan fitur bawaan untuk refactoring. Fitur utama adalah penggantian nama (variabel, kelas, metode, file, dll.). Kita semua sangat mengenal peluang seperti itu, mereka meningkatkan suasana hati kita setiap hari!

Kami menyukai aturan, mematuhi panduan gaya. Kami memberi nama file berdasarkan konten. Dalam file app-component.ts , menurut pendapat saya, kelas AppComponent harus berbohong. Dan mengganti nama kelas AppComponent menjadi RootComponent , langkah selanjutnya adalah mengubah nama file menjadi root-component.ts ... Dan jika itu, misalnya, komponen Angular, maka Anda harus mengubah nama tiga file lagi, pemilih CSS, nama contoh! Menghadapi ini? Operasi penggantian nama yang paling sederhana seringkali membutuhkan upaya yang luar biasa dari kami.

Pernahkah Anda melihat kode seperti itu?

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

Setuju bahwa seiring waktu, kelas kita dapat berkembang? Ini bukan tentang OOP atau SOLID (tidak ada hewan lain dalam proyek ini), ini adalah kelas yang hebat - tetapi namanya tidak mencerminkan kenyataan. Metode kelas ini berteriak bahwa itu adalah kucing! Dan sebenarnya, kita harus memberi kesempatan pada kelas atas nama yang bagus. Tapi bagaimana dengan semua variabel instan, ratusan const animal = new Cat (); ? Dan jika kita sudah memiliki seluruh modul dengan kata kunci hewan .



Secara umum, topik penamaan yang tepat selalu relevan. Tetapi masih belum banyak rutin otomatis.

Untuk bersenang-senang, saya menulis cli kecil di node.js untuk penggantian baris yang paling sederhana dalam file, tetapi juga mengubah nama file ( @ justerest / multi-replace ). Dan saya sangat terkejut dengan kegunaan kruk ini! Saya tidak lagi takut membuat kesalahan dalam nama komponen atau modul, karena dengan satu perintah saya dapat mengubah nama seluruh koleksi komponen Angular.



Setelah beberapa saat, saya juga menemukan bahwa alat ini dapat berfungsi sebagai alternatif yang bagus untuk skema. Cukup salin file (komponen) yang paling mirip dan ganti nama! Itu mengilhami saya untuk menulis ekstensi multi-ganti untuk editor Visual Studio Code favorit saya.

multi-replace berjalan pada String.ptototype.replace () primitif tanpa analisis kode atau tipe file. Implementasinya sangat sederhana - kode minimum, manfaat maksimum. Dimungkinkan untuk mengganti nama file dan teks di dalam folder, bersama dengan folder, menyalin file yang diubah ke folder baru.

Saya ingin mempromosikan dan menegaskan diri saya untuk mendengar kritik, saran, atau solusi penggantian nama alternatif dari warga Habrovsk.

Terima kasih

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


All Articles