Tips & Trik 10 January 2025 1,246 views

7 Ekstensi VS Code yang Wajib Dipasang Developer Indonesia

Daftar ekstensi VS Code pilihan yang bikin coding makin cepat, rapi, dan menyenangkan — dari Prettier sampai GitLens.

Kenapa Ekstensi VS Code Penting?

VS Code sudah powerful out of the box, tapi dengan ekstensi yang tepat produktivitas bisa naik berlipat-lipat. Berikut 7 ekstensi yang selalu gue pasang di setiap mesin baru.

1. Prettier — Code Formatter

Auto-format kode setiap kali save. Tidak ada lagi debat soal tab vs spasi di tim. Install, tambahkan "editor.formatOnSave": true di settings, selesai.

2. ESLint

Tangkap bug dan code smell sebelum runtime. Integrasinya dengan Prettier membuat kode selalu konsisten dan bersih.

3. GitLens

Lihat siapa yang menulis baris kode tertentu, kapan, dan kenapa — langsung di dalam editor. Sangat membantu saat review atau debugging legacy code.

4. Thunder Client

REST API client ringan langsung di VS Code. Tidak perlu buka Postman lagi untuk test endpoint sederhana.

5. Error Lens

Error dan warning ditampilkan inline di samping kode, bukan hanya di panel bawah. Feedback jauh lebih cepat.

6. Auto Rename Tag

Rename opening tag HTML/JSX otomatis mengubah closing tag-nya juga. Hemat banyak waktu saat refactor komponen.

7. Path Intellisense

Autocomplete path file saat menulis import. Tidak ada lagi typo di path yang bikin module not found.

Bonus: Tema dan Icon

Pasang tema One Dark Pro dan icon pack Material Icon Theme supaya tampilan VS Code lebih enak dipandang selama berjam-jam coding.

Kesimpulan

Ekstensi bukan sekadar kosmetik — yang tepat bisa memangkas waktu debug dan review secara signifikan. Coba satu per satu dan rasakan perbedaannya.