Ubah Text Editor Biasa Menjadi Super Editor
Visual Studio Code (VS Code) saat ini adalah text editor paling populer di dunia. Fitur bawaannya sudah bagus, tapi kekuatan aslinya ada di ekosistem ekstensinya. Berikut adalah 7 ekstensi yang wajib dipasang oleh developer pemula agar coding jadi lebih cepat dan rapi.
1. Prettier - Code formatter
Ekstensi ini adalah penyelamat hidup. Daripada pusing merapikan indentasi (spasi/tab) baris per baris, Prettier akan memformat kodemu secara otomatis setiap kali kamu menekan Ctrl+S (Save). Kodemu akan selalu terlihat standar dan profesional.
2. Live Server
Pernahkah kamu membuat file HTML, mengubah kodenya, lalu harus bolak-balik me-refresh browser secara manual untuk melihat perubahannya? Live Server membuatkan server lokal sementara, di mana setiap kali kamu me-save kode HTML/CSS, halaman browser akan otomatis ter-refresh secara real-time.
3. Auto Rename Tag
Saat kamu memiliki tag HTML yang panjang (misalnya , kamu harus mencari tag penutupnya secara manual. Ekstensi ini otomatis mengubah tag penutup ketika kamu mengubah tag pembukanya.
4. ESLint
Kalau Prettier mengurus kerapian format, ESLint mengurus kualitas kode (terutama JavaScript). ESLint akan memberi garis bawah merah atau kuning jika kamu menulis kode yang berpotensi menjadi bug atau melanggar aturan penulisan yang baik.
5. GitLens
Ekstensi wajib jika kamu sudah menggunakan Git. Fitur terbaiknya adalah "Blame", yang akan menampilkan secara tipis di samping setiap baris kode: Siapa yang terakhir kali mengubah baris kode ini dan kapan? Sangat berguna untuk kolaborasi tim.
6. Error Lens
Biasanya, pesan error di VS Code hanya muncul jika kamu mengarahkan *mouse* (hover) ke teks bergaris bawah merah. Error Lens langsung memunculkan teks deskripsi error secara menyamping di baris yang sama, sehingga kamu langsung sadar ada yang salah tanpa perlu klik apapun.
7. Material Icon Theme
Ini soal estetika, tapi sangat membantu navigasi. Ekstensi ini mengubah ikon *file* di panel samping (explorer) menjadi sangat spesifik. File JavaScript punya logo JS, file React punya logo React, file .env punya logo gear. Membuatmu jauh lebih cepat mencari file yang dibutuhkan.
Kesimpulan
Ekstensi dibuat untuk mempercepat kerjamu, bukan memberatkan laptopmu. Install ekstensi di atas melalui tab Extensions (Ctrl+Shift+X) di VS Code, dan rasakan produktivitasmu meningkat tajam!
Mau langsung pakai template?
Jelajahi template gratis dan premium di TampilKit untuk mempercepat proses development project kamu.
Browse Templates