Sebagai mahasiswa IT, Visual Studio Code (VS Code) sudah seperti rumah kedua. Hampir tiap hari kita menatap layar hitam penuh kode ini. Tapi, kalau kamu masih pakai VS Code kosongan (tanpa ekstensi), rugi besar!
Berikut adalah 5 ekstensi (plugin) yang wajib kamu install supaya ngoding jadi lebih cepat dan tidak gampang stres:
1. Prettier – Code Formatter Pernah pusing melihat kodingan yang berantakan dan tidak sejajar? Install ini. Cukup tekan Save (Ctrl+S), maka seluruh kodemu akan otomatis merapikan diri. Spasi, indentasi, dan titik koma akan diatur secantik mungkin.
2. Live Server Ini menu wajib anak Web Development. Tanpa ini, setiap kali kita mengubah satu baris HTML/CSS, kita harus refresh browser secara manual. Dengan Live Server, browser akan otomatis reload setiap kali kamu menyimpan file. Sangat menghemat waktu!
3. Material Icon Theme Secara bawaan, ikon file di VS Code membosankan. Ekstensi ini mengubah ikon folder dan file sesuai jenisnya (ikon JS kuning, HTML oranye, CSS biru) dengan desain material yang enak dilihat. Navigasi project jadi lebih cepat karena mata kita dimanjakan warna.
4. Auto Rename Tag Sering typo saat mengubah tag HTML? Misal mengubah <h1> jadi <h3>, tapi lupa mengubah tag penutupnya </h1>. Ekstensi ini solusinya. Saat kamu mengubah tag pembuka, tag penutupnya akan otomatis ikut berubah. Simpel tapi krusial.
5. Error Lens Biasanya error di kodingan cuma ditandai garis keriting merah kecil yang susah dilihat. Dengan Error Lens, baris yang error akan langsung di-highlight warna merah terang lengkap dengan penjelasan error-nya di samping baris tersebut. Debugging jadi jauh lebih mudah.
Kesimpulan: Tools yang tepat tidak akan menambah skill logikamu, tapi pasti akan mempercepat kerjamu.
