VS Code sudah menjadi code editor pilihan jutaan developer di seluruh dunia. Salah satu kekuatannya adalah ekosistem ekstensi yang sangat besar. Berikut ekstensi wajib yang harus kamu install!

Produktivitas

1. Prettier — Code Formatter

Format kode otomatis saat save. Tidak perlu lagi debat soal code style di tim.

// settings.json
{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

2. ESLint

Deteksi dan perbaiki masalah JavaScript/TypeScript secara real-time.

3. Auto Rename Tag

Rename opening tag HTML otomatis mengubah closing tag-nya juga. Sangat berguna saat kerja dengan HTML/JSX.

4. Path Intellisense

Autocomplete untuk path file. Tidak perlu lagi mengetik path secara manual.

Git & Collaboration

5. GitLens

Lihat siapa yang nulis baris kode tertentu, history perubahan, dan banyak lagi langsung di editor.

6. Git Graph

Visualisasi Git branch dan history dalam bentuk graph yang mudah dibaca.

Tampilan

7. One Dark Pro

Theme populer dengan warna yang nyaman di mata. Cocok untuk coding berjam-jam.

8. Material Icon Theme

Icon file dan folder yang lebih informatif dan colorful.

9. Indent Rainbow

Warnai indentasi kode dengan warna berbeda-beda. Sangat membantu membaca kode yang deeply nested.

Framework Spesifik

10. Astro

Support syntax highlighting, autocomplete, dan formatting untuk file .astro.

11. Tailwind CSS IntelliSense

Autocomplete untuk class Tailwind CSS. Wajib kalau kamu pakai Tailwind.

12. ES7+ React/Redux Snippets

Snippet shortcut untuk React. Ketik rafce langsung jadi komponen React lengkap.

Utility

13. Thunder Client

REST API client langsung di VS Code. Tidak perlu buka Postman lagi untuk testing API sederhana.

14. Live Server

Jalankan local server dengan live reload untuk file HTML statis.

15. Error Lens

Tampilkan pesan error langsung di baris kode, bukan hanya di panel bawah.

---

Install semua sekaligus lewat terminal:

code --install-extension esbenp.prettier-vscode
code --install-extension dbaeumer.vscode-eslint
code --install-extension formulahendry.auto-rename-tag
code --install-extension eamodio.gitlens

Selamat coding!