Tools untuk Produktivitas Maksimal
Extension VSCode terbaik untuk Laravel development dan cheat sheet keyboard shortcuts yang wajib kamu kuasai.
Extensions VSCode
10 extension yang direkomendasikan untuk development Laravel. Klik Install untuk langsung ke VSCode Marketplace.
Autocomplete, go-to-definition, refactoring, dan diagnostik PHP yang cepat. Jauh lebih baik dari PHP IntelliSense bawaan.
Snippet dan syntax highlighting untuk Blade template. Autocomplete untuk @directive, {{}}, dan komponen Blade.
Autocomplete untuk route names, view names, config keys, env variables, dan banyak lagi di Laravel.
Syntax highlighting untuk file .env. Memudahkan membaca dan edit environment variables Laravel.
Klik nama view di controller dan langsung lompat ke file Blade-nya. Menghemat waktu navigasi.
Lihat git blame inline, visualisasi history commit, compare branches, dan banyak fitur Git yang powerful.
Format otomatis kode JavaScript, TypeScript, CSS, HTML, dan JSON. Konsistensi kode di seluruh tim.
Autocomplete class Tailwind, hover preview, dan linting. Wajib jika kamu menggunakan Tailwind CSS.
REST API client langsung di VSCode. Alternatif Postman yang lebih ringan untuk testing Laravel API.
Memastikan konsistensi indentation, line ending, dan encoding sesuai .editorconfig project Laravel.
Keyboard Shortcuts
Cheat sheet shortcuts VSCode yang paling berguna untuk Laravel development. Hafalkan ini untuk produktivitas maksimal.
Quick Open — buka file apapun dengan cepat
Toggle Explorer (file tree)
Toggle sidebar
Cycle through open files
Navigasi maju/mundur di history editor
Pergi ke baris tertentu
Go to Definition (sangat berguna di PHP)
Peek Definition tanpa pindah file
Select next occurrence of current word
Hapus baris saat ini
Pindahkan baris ke atas/bawah
Duplikat baris ke bawah
Toggle comment baris
Block comment
Command Palette — akses semua perintah
Rename symbol (variable, function, class)
Toggle terminal terintegrasi
Buat terminal baru
Split terminal
Scroll terminal ke atas/bawah
Buka Source Control panel
Commit (saat di input commit message)
Buka Problems panel (lihat error)
Buka Extensions (install Intelephense, dll)
Go to view/controller (dengan Laravel Goto View)
Trigger autocomplete (route names, view names)
Search di seluruh project (cari route, method)
⌨️ Tips: Tidak perlu hafalkan semua sekaligus. Fokus pada Navigation dan Editing dulu, lalu perlahan hafalkan yang lain sambil coding sehari-hari.