Gamingland.id – Visual Studio Code merupakan salah satu code editor yang paling populer di kalangan programmer. Aplikasi yang sering disingkat sebagai ‘VSCode’ merupakan code editor yang dikembangkan oleh Microsoft, code editor ini memiliki beberapa keunggulan seperti ringan, gratis dan open source.
Selain aplikasi ini ringan dan gratis, ada juga keunggulan lain yang menjadi daya tarik bagi penulis, yaitu extension. Extension merupakan fitur yang disediakan oleh Visual Studio Code yang bisa kalian tambahkan secara bebas, extension memiliki fungsi yang bermacam-macam, mulai dari theme color, icon hingga snippets dan masih banyak lainnya.
Nah, kali ini penulis ingin membagikan ke kalian beberapa VSCode extension yang biasa penulis gunakan untuk meningkatkan kecepatan dan produktivitas ketika sedang ngoding. Simak artikel dibawah ini!
5 Extension Visual Studio Code Yang Wajib Di Install
Berikut Extension yang penulis sarankan buat kalian install di VSCode kalian masing-masing:
1. Prettier
Prettier merupakan salah satu code formatter yang sangat berguna ketika kita sedang menulis kode. Dengan prettier kalian bisa dengan mudah merapikan kode yang sudah kalian ketik. Dengan extension ini kode kalian yang berantakan menjadi rapi hanya dengan hitungan detik.
Extension ini penulis taruh di urutan nomor satu karena fiturnya yang sangat berguna dan menjadi favorit penulis. Dengan baris kode yang rapi tentunya akan memanjakan mata, apalagi bagi kalian yang orangnya rapi dan tertata.
2. Js Code Snippet
Penulis merupakan mahasiswa yang sedang berfokus di bidang web development, dan tentunya ketika membuat aplikasi web baik di front-end maupun back-end (node js). Nah, JS Code Snippet merupakan snippet atau cuplikan kode dari berbagai kumpulan kode Javascript yang dapat kalian akses dengan mudah tanpa harus mengetikkan seluruh kode.
Dengan extension ini kalian dapat menghemat waktu ketika mengetik bahasa pemrograman javascript. Tentunya extension ini tidak hanya ada di bahasa pemrograman Javascript, namun ada juga di berbagai bahasa pemrograman.
3. Live Server
Masuk di urutan ke-3, yaitu Live server. Ketika membuat aplikasi web atau file html, tentunya kalian ingin terus memonitoring hasil yang kalian tuliskan di code editor. Nah dengan extension ini kalian nggak perlu ribet me reload browser kalian ketika ingin melihat hasil dari codingan mu.
Live server dapat digunakan untuk melihat hasil dari file html kaliansecara real-time, setiap kode atau komponen yang kalian tulis, hapus atau update akan secara langsung ditayangkan oleh Live Server, kalian hanya perlu menyimpan file kalian dan hasil nya akan terlihat.
4. Color Theme
Selanjutnya adalah color Theme. Kali ini masuk ke bagian visual dari code editor, meskipun tidak memiliki fungsi dalam penulisan kode, namun color theme merupakan aspek yang penting karena dapat menangkal para programmer dari rasa bosan.
Programmer biasanya menatap code editor dalam waktu yang lama. Nahm biar nggak bosan pastikan kalian memilih color theme yang tepat. Terdapat banyak color theme yang bisa kalian pilih. Penulis kali ini sedang menggunakan color theme Shades Of Purple
Shades Of Purple Theme:
5. Better Comments
Dalam penulisan kode, tentunya tidak lepas dari penulisan comments atau komentar. Comments memungkinkan kita menulis apapun yang kita butuhkan karena tidak akan di execute oleh program. Biasanya programmer menuliskan komentar seperti deskripsi dari suatu fungsi, notes atau penjelasan syntax.
Dengan menggunakan Better Comments, kalian dapat membuat comment kalian lebih menarik karena extension ini menyediakan beberapa jenis comment yang variatif sesuai kebutuhan kalian.
Contoh Extension Better Comments:
