Kalau kamu seorang backend engineer, kemungkinan besar Visual Studio Code sudah jadi “rumah kedua”. Saya pribadi sudah lumayan lama menggunakan tool editor VS Code ini, mulai dari project kecil, service internal perusahaan, sampai sistem yang lumayan kompleks (microservice, queue, sampai CI/CD).
- 1. Apa itu Extension
- 2. Kenapa Extensions VS Code Itu Penting?
- 3. Setup Lingkungan Kerja Saya (Sedikit Cerita)
- 4. Extension yang wajib diinstall di Visual Studio Code
- 4.1 WSL Extension (Windows Subsystem for Linux)
- 4.2 Go Extension (Golang)
- 4.3 Laravel Snippets
- 4.4 Laravel Blade Snippets
- 4.5 PHP Intelephense
- 4.6 Prettier – Code Formatter
- 4.7 GitLens
- 4.8 GitHub Copilot & GitHub Copilot Chat
- 4.9 Codex – OpenAI’s Coding Agent
- 4.10 SonarQube for IDE
- 4.11 Env Symbol Provider atau DotENV
Di artikel ini, saya ingin berbagi pengalaman pribadi tentang beberapa extensions VS Code yang menurut saya wajib diinstall oleh backend engineer. Ini bukan daftar teoritis, tapi extensions yang benar-benar saya pakai sehari-hari, lengkap dengan fungsi, alasan kenapa saya memilih extension tersebut dan saran tambahan biar setup kamu makin optimal.
Apa itu Extension
Extension adalah fitur tambahan yang bisa kamu pasang di dalam aplikasi seperti Visual Studio Code untuk memperluas kemampuan dasarnya. Secara sederhana, extension bekerja seperti “plugin” yang menambahkan fungsi baru—mulai dari autocomplete bahasa pemrograman, formatter code, integrasi Docker, sampai AI coding assistant.
Tanpa extension, VS Code hanyalah text editor ringan. Tapi dengan extension yang tepat, ia bisa berubah menjadi IDE yang sangat powerful dan disesuaikan dengan kebutuhanmu sebagai software engineer.
Kenapa Extensions VS Code Itu Penting?
Sebagai pengembang perangkat lunak, tools editor code menentukan seberapa besar produktivitas dan cepat perangkat lunak ter-deliver. Karena dalam pengembangan software berhubungan dengan banyak aspek seperti: business logic, database, query, performance serta security yang sangat penting dalam kualitas perangkat lunak.
Tanpa extension yang tepat Kamu bakal melakukan hal-hal yang tidak efisien seperti: lebih sering context switching, manual formatting, debugging lebih lama dan kemungkinan bug kecil bisa menjadi bugfixing yang lama.
Dengan memilih extension yang tepat khsusnya untuk editor Visual Code ini saya berharap teman-teman bisa lebih efisien dalam pengembangan software yang bisa implementasi juga di local komputer masing-masing.
Setup Lingkungan Kerja Saya (Sedikit Cerita)
Setiap hari saya menggunakan Windows sebagai OS utama, tapi semua development dijalankan di Linux menggunakan WSL. Cara menggunakan WSL di WIndows sudah saya tulis cara nya di artikel cara menggunakan Linux di Windows.
Extension yang saya pakai di VS Code pastinya berhubungan dengan stack yang sering saya pakai yaitu diantarnya:
- Go Language
- PHP (menggunakan framework Laravel)
- Docker
- Git
- Frontend seperti HTML & CSS hingga Angular (untuk beberapa side)
Extension yang wajib diinstall di Visual Studio Code
WSL Extension (Windows Subsystem for Linux)
Karena saya menggunakan Windows sebagai sistem operasi utama, tapi hampir semua server production berbasis Linux, maka WSL jadi fondasi workflow saya. Dengan WSL, saya bisa menjalankan environment Linux langsung di dalam Windows tanpa perlu dual boot atau VM berat.
Ini membuat struktur folder, permission, dependency, hingga perilaku runtime lebih mirip production. Buat backend engineer, konsistensi environment itu krusial. Bug yang muncul karena perbedaan OS bisa sangat menyita waktu, dan WSL membantu saya meminimalkan risiko itu sejak awal.

Jika kamu menggunakan OS Windows tapi ingin tetap mengoprasikan Linux dalam pengembangan Software, WSL merupakan pilihan yang tepat. Untuk yang mau coba environtment Linux tanpa meninggalkan Windows kamu bisa cek ini cara install Ubuntu di Windows.
Go Extension (Golang)
Untuk development menggunakan Golang, extension resmi Go di VS Code benar-benar wajib. Extension ini memberikan IntelliSense yang akurat, auto-import, navigasi antar fungsi, serta integrasi dengan gopls.




Saya merasa produktivitas meningkat signifikan karena tidak perlu lagi mencari definisi function secara manual atau khawatir salah import package. Ditambah lagi, format otomatis menggunakan gofmt menjaga kode tetap konsisten tanpa perlu dipikirkan lagi.
Laravel Snippets




Saat mengerjakan project Laravel, saya sering menggunakan Laravel Snippets untuk mempercepat penulisan struktur dasar seperti controller, route, migration, hingga method umum. Snippets ini menghemat banyak waktu karena saya tidak perlu mengetik ulang pola kode yang sama berulang kali. Fokus saya bisa langsung ke logika bisnis, bukan ke boilerplate dasar yang sebenarnya sudah standar.
Laravel Blade Snippets
Jika project masih menggunakan Blade sebagai templating engine, Laravel Blade Snippets sangat membantu. Directive seperti @if, @foreach, @section, dan lainnya bisa ditulis lebih cepat dan minim typo. Walaupun terlihat sederhana, kesalahan kecil pada directive Blade sering membuat error yang cukup membingungkan. Extension ini membantu menjaga struktur view tetap rapi dan konsisten.




Selain itu biasanya saya install juga extension Laravel sejenis lainnya seperti Laravel Goto Controller, Laravel Goto Config, Goto Env, Goto View.
PHP Intelephense




Untuk PHP, saya sangat mengandalkan PHP Intelephense. Extension ini memberikan autocomplete yang cerdas, analisis tipe data, deteksi method yang tidak ditemukan, hingga navigasi antar class. Bagi saya, Intelephense adalah “nyawa” saat bekerja dengan Laravel atau project PHP lainnya. Banyak error bisa terdeteksi sebelum dijalankan, sehingga debugging jadi jauh lebih cepat dan efisien.
Prettier – Code Formatter




Saya tidak ingin membuang waktu untuk memperdebatkan format kode. Prettier membantu memastikan semua file—terutama JavaScript, JSON, HTML, dan CSS—selalu terformat secara konsisten. Dengan mengaktifkan format on save, setiap kali menyimpan file, kode otomatis dirapikan. Ini sangat membantu dalam kerja tim agar tidak ada perbedaan style yang mengganggu saat melakukan code review.
GitLens
satu extension yang sangat saya rekomendasikan adalah GitLens. GitLens memberikan insight mendalam tentang histori Git langsung di dalam editor. Saya bisa melihat siapa yang terakhir mengubah baris kode tertentu, kapan perubahan dilakukan, serta commit message terkait.




Saat debugging atau memahami legacy code, fitur ini sangat membantu karena saya bisa menelusuri konteks perubahan tanpa harus membuka terminal atau tool tambahan. Untuk kerja tim, GitLens benar-benar meningkatkan visibilitas dan kolaborasi.
GitHub Copilot & GitHub Copilot Chat




GitHub Copilot saya anggap sebagai pair programmer digital. Ia membantu menghasilkan boilerplate, memberikan saran refactor, bahkan membantu menjelaskan potongan kode yang kompleks. Copilot Chat juga memudahkan saya berdiskusi langsung di dalam editor ketika ingin mencari pendekatan solusi tertentu. Walaupun begitu, saya tetap melakukan review manual karena tanggung jawab akhir tetap ada di developer.
Codex – OpenAI’s Coding Agent




Berbeda dengan Copilot yang fokus pada autocomplete kontekstual, Codex lebih terasa seperti coding agent yang bisa membantu reasoning lebih dalam. Saya sering memanfaatkannya untuk membantu memahami alur bisnis yang kompleks, melakukan translasi logika dari satu bahasa ke bahasa lain, atau memikirkan pendekatan arsitektur alternatif. Dalam kasus tertentu, ini sangat membantu mempercepat eksplorasi solusi teknis.
SonarQube for IDE




Sebagai backend engineer, saya tidak hanya fokus pada fitur berjalan, tapi juga kualitas dan keamanan kode. SonarQube for IDE membantu mendeteksi code smell, potensi bug, hingga risiko keamanan seperti SQL injection atau null pointer issue. Extension ini sering memberikan peringatan yang mungkin terlewat saat coding biasa. Bagi saya, ini seperti lapisan quality control tambahan sebelum kode masuk ke repository utama.
Env Symbol Provider atau DotENV




File .env adalah jantung konfigurasi backend. Kesalahan kecil dalam penulisan environment variable bisa menyebabkan bug yang sulit dilacak. Dengan Env Symbol Provider dan DotENV, saya mendapatkan highlight syntax dan autocomplete untuk variabel environment. Extension ini memang terlihat sederhana, tapi dalam praktiknya sangat membantu menjaga konsistensi dan menghindari typo yang berbahaya.
Itu lah extension-extension yang menurut saya wajib diinstal di Visual Studio Code khususnya untuk Backend Engeneer. Ini juga sekaligus catatan untuk saya sendiri, jika reinstall baru VS Code di leptop atau device baru.
Extension ini juga tergantung stack apa saja yang digunakan seperti bahasa pemrograman dan environement untuk backend saat ini banyak sekali macamnya seperti Phyton, Type Script atau Frontend Engeneer itu bisa berbeda lagi. Jika kamu punya extension rekomendasi yang sejenis atau yang lebih powerfull dan ajaib bisa share dikomen.