Extension Visual Studio Code untuk Meningkatkan Produktifitas

Hal umum yang dilakukan di awal tahun adalah membuat rencana untuk setahun kedepan, menentukan goals yang akan dicapai, dan langkah apa yang akan diambil agar dapat melakukan kegiatan atau bekerja secara efisien, gampangnya gimana caranya biar kerja lebih produktif. Berikut adalah beberapa extension yang dapat membantu kita lebih produktif saat ngoding:

Auto Close Tag

Auto close tag adalah extension akan mempermudah kita ketika sedang menulis kode html atau xml, kita ketahui ada tag html atau xml yang memiliki tag penutup, kita tidak peru menulisnya secara manual karena extension ini akan mengurus itu. Mungkin fitur ini sudah ada di visual studio code itu sendiri secara default, namun fitur tersebut tidak bekerja ketika kita sedang menulis tag html didalam string javascrtipt, disinilah keunggulan dari extension ini dibanding fitur bawaan tadi.

Auto Rename Tag

Masih dengan html dan xml, tag ini akan mempermudah kita dalam mengganti nama tag yang memiliki tag penutup. Kita hanya perlu mengganti nama tag dibagian tag pembuka, maka bagian penutup akan ikut terganti secara otomatis, jadi tidak perlu mengarahkan kursor ke tag penutup dan mengetik ulang, mantap bukan ? biasa aja ya ? yauda deh, lanjuut.

Bracket Pair Colorizer

Ketika kita sudah menulis kode yang kompleks, maka tidak jarang kita mulai pusing untuk menentukan pasangan dari setiap bracket yang kita punya di kode kita. Benar sekali !! tidak hanya tentang mencari pasangan hidup yang pusing, menentukan bracket pun juga sama. Try this extension, and you can thank me later (•◡•) /

IntelliSense for CSS class names in HTML

Pasti kita setuju mudahnya menulis kode ketika ada fitur auto complete, baru menulis kode beberapa karakter, langsung muncul beberapa suggestion untuk kemudian menyelesaikan kode yang akan kita tulis. Extension ini akan membaca semua class yang ada di file css di workspace kita dan mencatat itu semua, kemudian akan menjadi suggestion ketika kita menulis kode css.

Live Server

Untuk yang satu ini sepertinya sudah umum, tapi tetap akan aku bahas, barangkali masih ada yang belum tahu. Extension ini memungkinkan kita menjalankan file html dan memantaunya secara real-time, sehingga setiap ada perubahan pada kode, kita tidak perlu me-refresh browser secara manual secara berulang, saving time banget!

Polacode

Last but not least, cakeeepp. Yang terakhir ini adalah extension guna membuat screenshot di visual studio code, hasil screenshotnya akan berbeda jika kita menggunakan aplikasi screenshot pada umumnya, lebih rapih gitu, jadi lebih pede kalau mau bertanya di grup atau hanya sekedar share di story instagram. Contohnya seperti ini:

Ada efek shadownya juga, keren kan ?!

Masih banyak extension yang membantu produktifitas, tapi paling tidak ini yang sering aku pakai, ada saran extension yang lain ? boleh di share di kolom komentar ya 👌