10 Plugin Visual Studio Code Agar Ngoding Lebih Menyenangkan

Visual Code Studio adalah sebuah code editor gratis yang bisa dijalankan di perangkat desktop berbasis Windows, Linux, dan MacOS. Code editor ini dikembangkan oleh salah satu raksasa teknologi dunia, Microsoft.

Visual Code adalah software editor yang powerful, tapi tetap ringan ketika digunakan. Ia bisa dipakai untuk membuat dan mengedit source code berbagai bahasa pemrograman. Misalnya, seperti JavaScript, TypeScript, dan Node.js.

Bahkan, Visual Code Studio juga kompatibel dengan bahasa dan runtime environment lain, seperti PHP, bahasa Python, Java, dan .NET. Hal ini berkat ekosistemnya yang luas dan ketersediaan extension yang melimpah.

Maka tidak heran, jika Visual Code adalah code editor terpopuler saat ini. Hal ini terbukti dari survey Stack Overflow, di mana software yang satu ini menduduki peringkat teratas dengan persentase pengguna 71.06%

Faker

Dengan memasang plugin ini kita bisa membuat fake data untuk alamat, nama perusahaan, tanggal, nama orang, nomor telepon, atau sekedar lorem ipsum. Daripada memasukkan “adsfasdfksdfj” lebih baik pasang Extension ini dan buat data yang lebih “nyata”.

Prettier

Pernah kan copy paste kode baru yang ternyata tidak terindentasi dengan sempurna? Sering kita atur indentasi kode manual dengan tombol TAB atau SHIFT+TAB. Prettier akan memformat kode kita secara otomatis sehingga kita tidak perlu membuat waktu yang untuk memformat dokumen. Tak hanya mengatur indentasi, ia juga bisa mengatur urutan import, memaksa penggunaan " untuk menggantikan ', mengatur spasi, penulisan parameter, dsb.

Color Info

Plugin ini memberikan informasi seputar kode warna yang kita tulis di CSS. Dengan mengarahkan kursor ke kode hexa warna tertentu, kita akan diberikan preview warnanya beserta nilai-nilainya di berbagai format lain seperti rgb, hsl, cmyk, juga nilai alpha-nya.

TODO Highlight

Plugin ini saat diaktifkan akan menyeleksi komentar TODO di kode kita sehingga bagian-bagian mana yang harus dikerjakan berikutnya bisa terlihat dengan jelas. Saat dipasang ia akan bisa mendeteksi keyword TODO dan FIXME tapi kita juga bisa menambah keyword sendiri.

Minify

Extension ini berguna untuk melakukan minifying kode JavaScript, CSS, maupun HTML dengan memanfaatkan uglify-js, clean-css, dan html-minifier.

Change Case

Change Case membantu kita dalam memodifikasi strings, menjadi camelCase, kebab-case, snake_case, CONST_CASE, dll.

CSS Peek

Extension ini membuat kita bisa langsung mengakses definisi kelas CSS dari file HTML.

Open-In-Browser

VSCode tidak bisa memiliki antarmuka yang langsung membawa kita untuk membuat file HTML ke browser default. Extension ini akan menambahkan menu Open with Default Browser saat dipasang yang akan langsung memuat file HTML tertentu ke Firefox, Chrome, atau IE.

Quokka

Quokka merupakan Extension untuk membantu melakukan live debugging. Saat menulis kode, Quokka akan langsung memberikan umpan balik berupa hasil dari kode yang dieksekusi.

Git Lens

Git Lens akan menunjukkan siapa saja anggota tim yang menuliskan bagian-bagian kode yang sedang kita buka. Dengan plugin ini kita bisa tahu siapa menulis kode yang mana.