Perkenalan
Visual Studio Code (VS Code) adalah salah satu editor kode paling populer di industri teknologi, karena ia menawarkan fitur-fitur canggih dan desain ringan yang menjadikannya editor kode pilihan bagi pengembang di seluruh dunia. Popularitasnya sebagian disebabkan oleh tampilannya yang dapat disesuaikan, yang memungkinkan kita menciptakan ruang coding yang mewah dan menarik perhatian. Pada artikel ini, kita akan mempelajari cara menyesuaikan tampilan vs kode sesuai preferensi Anda, termasuk tema editor kode, tema ikon, dan perubahan warna toolbar.
Tema Ikon
Meskipun ikon default Visual Studio Code baik-baik saja, mengapa membatasi diri Anda pada ikon tersebut ketika Anda dapat mengadakan pesta visual? Anda dapat mengubah tampilan file explorer Anda dengan tema ikon, yang meningkatkan daya tarik visual dan kegunaannya.
Salah satu pilihan paling populer di kalangan pengembang adalah ekstensi Material Icon Theme. Dengan ekstensi ini, penjelajah file Anda akan memiliki koleksi ikon yang penuh warna dan terorganisir dengan baik, meniru Desain Material Google. Setiap jenis file memiliki ikonnya sendiri yang khas dan dapat dikenali secara instan, yang membuat ruang kerja Anda terlihat lebih baik secara keseluruhan.
Untuk menginstal ekstensi Tema Ikon Material, ikuti langkah-langkah berikut:
-
Buka Kode Visual Studio.
-
Buka tampilan Ekstensi dengan mengklik ikon Ekstensi pada toolbar di sisi kiri jendela.
-
Cari "Tema Ikon Material" dan klik instal.
Setelah instalasi, klik ikon roda gigi di pojok kiri bawah dan pilih "File Icon Theme" untuk memilih Tema Ikon Material.
Tema Editor Kode
Sekarang penjelajah file Anda terlihat bagus, mari fokus pada editor kode itu sendiri. Meskipun tema terang dan gelap default VS Code sangat bagus, ada kalanya Anda menginginkan sesuatu yang lebih personal dan bergaya.
Salah satu pilihan tema yang bagus, terutama bagi mereka yang lebih suka membuat kode dalam kegelapan, adalah ekstensi tema Night Owl. Night Owl, yang dibuat dengan mempertimbangkan kontras dan keterbacaan, memiliki skema warna yang menenangkan yang membantu meredakan ketegangan mata selama sesi coding yang panjang.
Untuk memasang ekstensi tema Night Owl:
Arahkan ke tampilan Ekstensi.
Cari "Night Owl" dan klik instal.
Setelah instalasi, pilih Night Owl sebagai tema Anda dengan membuka Command Palette (Ctrl+Shift+P di Windows/Linux, Cmd+Shift+P di macOS), pilih "Color Theme," dan pilih Night Owl dari daftar tema yang diinstal di editor kode Anda.
Warna Bilah Alat
Sekarang tampilan dan nuansa editor kode Anda sudah sempurna, mari sesuaikan warna toolbar untuk menambahkan lapisan gula di atasnya. Di sinilah ekstensi burung merak berperan.
Berkat ekstensi Peacock, Anda dapat menyesuaikan ruang kerja Anda dengan mengubah warna toolbar di sisi editor kode Anda. Hal ini tidak hanya menyenangkan secara estetika, tetapi jika Anda memiliki beberapa contoh VS Code yang terbuka, hal ini juga dapat membantu Anda membedakannya.
Untuk menginstal ekstensi Peacock:
-
Buka tampilan Ekstensi.
-
Cari "Peacock" dan klik install.
Setelah instalasi, Anda dapat menyesuaikan warna toolbar dengan membuka palet perintah, mencari “Peacock: Enter a color,” dan kemudian memasukkan nilai hex dari warna yang ingin Anda atur untuk toolbar vs code Anda.
Kesimpulan
Menyesuaikan kode Visual Studio lebih dari sekadar mengubah warna. Anda juga perlu menciptakan lingkungan pengkodean yang sesuai dengan gaya Anda dan meningkatkan produktivitas. Jadi jangan ragu untuk bermain-main dan membuat area pengkodean yang merangsang imajinasi Anda dalam hal tampilan serta menjelajahi fitur-fitur mewah lainnya dari VS Code yang menakjubkan. Selamat membuat kode!
