Just another programmer's diary

Pada postingan sebelumnya saya sudah menulis tentang bagaimana cara mensetup debugger di projects PHP (Laravel) dan Debugger di NodeJS (NestJS + NextJS) . Kali ini kita akan melanjutkan pembahasan ke tahap berikutnya: bagaimana memanfaatkan debugger yang sudah terpasang, supaya bisa digunakan secara efisien ketika kita mengembangkan aplikasi. Debugger adalah salah satu fitur terkuat dari IDE JetBrains (IntelliJ IDEA, PhpStorm, WebStorm, dsb). Dengan debugger, kita bisa menghentikan eksekusi kode di titik tertentu ( breakpoint ), lalu memeriksa isi variabel, alur logika, dan melakukan evaluasi ekspresi tanpa perlu menambahkan console.log atau dd() di kode. 1. Menambahkan Breakpoint Untuk mulai debugging, pertama kita perlu menentukan titik di mana eksekusi kode akan dihentikan. Caranya sederhana: Klik di sisi kiri baris kode pada editor (gutter area). Atau klik kanan > Add Breakpoint . Contoh pada NestJS guard: Saya menaruh breakpoint di baris ini untuk melihat apa isi...

  D ebugging Node.js di IntelliJ IDEA adalah hal yang yang sangat membantu, berikut adalah panduan langkah demi langkah yang  saya buat dan juga akan menyertakan gambar dengan penjelasan yang jelas untuk membantu anda memahami setiap bagian. 1. Persiapan Awal Sebelum memulai, pastikan semua yang diperlukan sudah tersedia. Hal ini penting agar proses debugging berjalan lancar. IntelliJ IDEA Ultimate: Versi Ultimate diperlukan karena memiliki fitur debugging yang lengkap untuk Node.js. Versi Anda, IntelliJ IDEA 2025.2.1 , sudah sangat sesuai. * Node.js dan npm/pnpm: Pastikan versi Node.js dan package manager yang relevan (seperti npm atau pnpm) sudah terinstal dan dapat diakses dari terminal. Dari tangkapan layar, Anda menggunakan Node v22.19.0 dan pnpm v10.15.1 , yang merupakan versi modern dan stabil.    Proyek Node.js: Siapkan proyek Node.js Anda.      2. Mengatur Konfigurasi Debugger Langkah terpenting adalah membuat konfigurasi debugging di In...

1.  Buka IntelliJ IDEA , lalu buka proyek. Project di buka di IDE 2.  Buka Konfigurasi Run/Debug Klik Run > Edit Configurations di menu atas. Klik tombol + di pojok kiri atas. Pilih Node.js sebagai konfigurasi baru. Edit Configurations   3. Konfigurasi Debugging Name : Isi dengan nama, misalnya Debug Dev . Node interpreter : Pilih Node.js versi 18 atau lebih tinggi (sesuai dengan engines.node di package.json ). Node parameters: --inspect-brk  pnpm : Milik saya terletak di ~/.nvm/versions/node/v18.20.4/bin/pnpm . Arguments : Masukkan dev --inspect-brk agar turbo berjalan dalam mode debug. Working directory : Pilih root proyek. Environment variables : Tambahkan NODE_OPTIONS=--inspect-brk . Klik Apply dan OK . 4. Jalankan Debugging Pilih konfigurasi Debug pnpm dev yang baru dibuat. Klik Debug ▶ (bukan Run ) di IntelliJ. 4.  Lihat Debug Tab di Bawah Klik : Debugger listening on ws://127.0.0.1:9229/38105022-0ee6-4b5d-bff3-d22845419201 Setelah dikl...