emka.web.id

Ini mungkin jarang terjadi, tetapi terkadang Anda perlu mengubah beberapa atribut untuk memastikan mereka tidak memiliki nama yang sama. Misalnya, Anda mungkin baru saja menulis fungsi independen yang menyebutkan elemen yang sama sekali berbeda menggunakan nama yang sama dan perlu membedakannya.

Untuk proyek besar, ini bisa berarti melewati ratusan atau ribuan baris sekaligus. Untungnya, Visual Studio Code memiliki pintasan praktis yang memungkinkan Anda memilih elemen, baris, atau kolom tertentu di seluruh proyek dan mengedit semua contoh sekaligus. Baca terus untuk mengetahui lebih lanjut.

Cara Mengubah Semua Contoh di PC Windows

Jika Anda ingin mengubah semua contoh kata sekaligus di Windows, Anda perlu melakukan hal berikut:
Pilih elemen atau nilai tertentu yang ingin Anda ubah.Untuk pilih semua contoh elemen itu, gunakan pintasan keyboard "CTRL + SHIFT + L." Semua contoh harus disorot di seluruh kode, dengan kursor di bagian akhir. Dengan mode multi-kursor aktif, lakukan perubahan pada kata sesuai kebutuhan (atau masukan teks tambahan sesudahnya). Klik di mana saja di dalam kode untuk keluar dari mode multi-kursor dan kembali ke kursor tunggal.
Jika Anda ingin memilih instance satu per satu, prosesnya sedikit berbeda dan berjalan seperti ini:
Pilih elemen atau nilai yang ingin Anda ubah. Tekan "CTRL + D" untuk memilih instans berikutnya, lalu sekali lagi untuk instans berikutnya, dan seterusnya. Anda dapat mengubah semua instans yang dipilih secara langsung. Keluar dari mode multi-kursor dengan mengeklik di mana saja di dalam kode.
Cara Mengubah Semua Instans di a Kode Mac

VS berfungsi serupa di semua platform. Salah satu dari sedikit perbedaan terletak pada pintasan keyboard karena setiap sistem menggunakan berbagai pengaturan keyboard dan default.

Setelah Anda membuka kode dan mencari kata yang ingin Anda ganti, prosedur untuk mengubah semua contoh berjalan sebagai berikut:
Klik di mana saja di dalam kata yang ingin Anda edit secara massal. Tekan "CMD + SHIFT + L" untuk menyorot dan memilih semua instance di seluruh kode dan masuk ke mode multi-kursor. Kursor mengarah ke akhir kata secara default dan memilih kata. Buat perubahan sesuai keinginan Anda (Anda tidak dibatasi pada kata yang dipilih dan dapat menambahkan teks di luarnya). Tutup mode multi-kursor dengan mengeklik di mana saja di dalam editor.
Anda juga dapat memasuki mode multi-kursor dengan menambahkan contoh kata atau atribut secara berurutan ke pilihan. Begini caranya:
Pilih kata yang ingin Anda edit.Tekan "CMD + D" untuk memilih contoh berikutnya dalam kode.Ulangi Langkah 2 hingga Anda mencapai titik dalam kode di mana Anda tidak perlu melakukan perubahan apa pun.Edit kata yang dipilih sesuai kebutuhan.Klik di mana saja untuk kembali ke mode kursor tunggal.
Cara Mengubah Semua Contoh di Linux

VS Kode di Linux berbagi pengaturan pintasan keyboard dengan Windows.

Jika Anda ingin mengubah semua contoh kata sekaligus, inilah yang Anda perlu dilakukan:
Pilih kata yang Anda perlukan di mana saja dalam kode. Tekan "CTRL + SHIFT + L" untuk memilih semua contoh elemen tersebut di seluruh kode. Semua instance harus disorot, dengan kursor di bagian akhir, dan platform akan mengedit dalam mode multi-kursor. Masukkan perubahan yang Anda inginkan. Editor akan mengerjakan semua perubahan yang dipilih secara bersamaan. Klik di mana saja untuk kembali ke kursor tunggal setelah selesai.
Jika Anda ingin lebih tepat (seperti mempertahankan instans baru tetap sama), Anda dapat memilih secara berurutan. Begini caranya:
Pilih kata yang perlu diubah. Tekan "CTRL + D" untuk memilih instance berikutnya. Perhatikan bahwa ini membuka pengeditan multi-kursor. Ulangi Langkah 2 hingga Anda mencapai bagian kode yang dapat tetap apa adanya. Lakukan pengeditan pada kata yang dipilih. Keluar dari pemilihan multi-kursor dengan mengeklik di mana saja.
Tips Lain

VS Kode memiliki banyak hal bagus lainnya pintasan, seperti "Shift + Alt" membuat kotak kolom untuk perubahan multi-baris, atau memilih baris dengan mengeklik nomor barisnya.

Tahukah Anda tentang pintasan untuk Kode VS ini? Apakah ada editor kode lain yang ingin Anda gunakan? Di mana Anda mendapatkan materi dan instruksi untuk pengkodean? Pastikan untuk membaginya dengan kami di komentar!
Artikel Diperbarui pada: March 16, 2023
Kontributor: Syauqi Wiryahasana
Model: Haifa Manik Intani