Bracket pairs VSCode

Beranda » VSCode » Bracket pairs VSCode

Bracket pairs merupakan pengaturan untuk mempermudah kita mengetahui buka tutup bracket agar kita tahu dimana sekarang posisi kursor berada. Untuk mengubah pengaturan bracket pairs, langsung saja buka pengaturan vscode kalian, kemudian ketikan bracket di pencarian seperti gambar dibawah ini.

tampilan setting bracket pairs
tampilan setting bracket pairs

Sebagai contoh kita gunakan file json untuk melihat tampilan editor dengan settingan seperti diatas.

tampilan json awal
tampilan awal

Kemudian kita coba aktifkan bracket pairs colorization, yang berfunsi untuk mewarnai bracket akar lebih mudah dibedakan.

tampilan setting bracket pari colorization active
setting bracket pair colorization aktif

Tampilan editor akan berubah jadi seperti dibawah ini, terlihat sekarang bracket miliki warna beragam.

tampilan editor ketika bracket pair colorization diaktifkan
editor bracket pair colorization aktif

Berikutnya kita akan mengaktifkan bracket guide pair, yang berfungsi untuk menampilkan garis bantu bracket, sesuai dengan posisi kursor saat ini.

tampilan setting guides bracket pairs active
setting guides bracket pair aktif

Sekarang tampilan editor akan menjadi seperti dibawah ini. Kursor berada di baris 12, sehingga akan tampil garis bantu bracket terdekat dari baris 12 yaitu bracket object geo.

Tampilan Bracket pairs vscode ketika di aktifkan :

tampilan editor ketika guides bracket pairs active
editor ketika guides bracket pair aktif
Kategori : Tutorial, VSCode
Oleh : budiyono, diterbitkan : disunting :