Memrogram dalam VS Code tidak mudah. Bahkan kesalahan terkecil dapat menyebabkan masalah besar dan menghambat proyek Anda. Untuk mengatasi hambatan ini, Anda memerlukan teknik debugging yang andal di kotak peralatan Anda. Di sinilah breakpoint berperan.

Breakpoints digunakan kapan pun Anda ingin menjeda eksekusi debugger. Mereka membiarkan Anda memeriksa keadaan variabel kode Anda dan melakukan banyak tugas lain yang penting untuk melanjutkan pemrograman Anda. Itulah mengapa memahami cara menggunakan breakpoint dalam VS Code sangat diperlukan.

Dalam entri ini, kami akan memberi Anda panduan mendalam tentang menggunakan breakpoint VS Code. Anda akan belajar tentang jenis yang paling populer dan mengetahui bagaimana mereka dapat memfasilitasi pengembangan Anda.

Cara Menggunakan Breakpoints di VS Code

Breakpoints di VS Code dapat ditempatkan dalam kode yang dapat dieksekusi apa pun. Ini berfungsi untuk tanda tangan metode, deklarasi untuk kelas atau namespace, dan bahkan deklarasi variabel jika tidak ada getter/setter atau tugas.

Untuk menyetel breakpoint dalam kode sumber Anda, lakukan langkah-langkah berikut:
Klik margin kiri atau tekan tombol F9 di sebelah baris yang ingin Anda hentikan. Jalankan kode atau tekan F5 ("Lanjutkan"). Kode Anda sekarang akan berhenti sebelum eksekusi yang ditandai. Breakpoint akan muncul sebagai titik merah di dalam margin kiri Anda.
Secara default, baris kode eksekusi saat ini dan breakpoint secara otomatis disorot untuk sebagian besar bahasa pemrograman, termasuk C#. Jika Anda bekerja di C++, Anda dapat mengaktifkan penyorotan sebagai berikut:
Arahkan ke "Debug" atau "Alat." Pilih "Opsi," diikuti dengan "Debugging." Pilih perintah berikut: "Sorot seluruh baris sumber untuk pernyataan saat ini dan breakpoint.”
Setelah debugger berhenti di breakpoint, Anda dapat memeriksa kondisi aplikasi saat ini. Data yang dapat Anda lihat mencakup tumpukan panggilan dan nilai variabel.

Jika menyangkut warna, titik henti sementara biasanya berwarna merah jika Anda bekerja di margin editor. Breakpoint yang dinonaktifkan diwakili oleh lingkaran abu-abu yang terisi, sedangkan lingkaran abu-abu menandakan breakpoint yang tidak dapat didaftarkan. Yang terakhir mungkin juga berlaku jika Anda mengedit sumber saat sesi debug Anda tanpa dukungan pengeditan langsung sedang berlangsung.

Berikut adalah beberapa perintah breakpoint yang lebih penting:
“Toggle Breakpoint” – Antara lain, perintah ini memungkinkan Anda memasukkan kembali atau hapus breakpoint. "Nonaktifkan Breakpoint" - Nonaktifkan breakpoint Anda tanpa menghapusnya. Breakpoint tersebut ditampilkan sebagai titik kosong di margin kiri atau jendela "Breakpoints" Anda. "Enable Breakpoint - Perintah ini muncul setelah Anda mengarahkan kursor ke breakpoint yang dinonaktifkan dan memungkinkan Anda mengaktifkannya kembali. "Pengaturan" - Bagian "Pengaturan" berisi banyak perintah yang memungkinkan Anda menambahkan, mengedit, dan mengekspor breakpoint Anda. Menu muncul setelah Anda mengarahkan kursor ke breakpoint dan tekan "Pengaturan." "Ajukan Ulang Semua Breakpoints" – Kembalikan semua breakpoint Anda ke lokasi semula. Fungsi ini berguna jika lingkungan debug salah menempatkan breakpoint dalam kode sumber yang belum dieksekusi.
Tanya Jawab Tambahan
Apa yang dimaksud dengan logpoint dalam VS Code?


Logpoints adalah varian lain dari breakpoint yang berguna. Alih-alih membobol debugger Anda, mereka mencatat pesan ke konsol Anda dan berfungsi sebagai pernyataan pelacakan sementara dalam bahasa pemrograman Anda. Selain itu, mereka tidak mengganggu eksekusi kode.

Logpoints dapat menjadi perangkat penyuntikan yang sangat baik saat Anda men-debug server produksi yang tidak dapat dihentikan atau dijeda. Mereka muncul sebagai ikon berbentuk berlian dan menampilkan teks biasa. Namun, mereka juga dapat datang dengan ekspresi yang dievaluasi dengan kurung kurawal.

Seperti breakpoint standar, logpoint dapat diaktifkan dan dinonaktifkan. Anda juga dapat mengontrolnya dengan jumlah hit atau condition.

Plus, sementara didukung oleh debugger Node.js bawaan, mereka juga dapat diterapkan melalui platform debugging lain. Daftar ini mencakup ekstensi Java dan Python.
Bagaimana cara menggunakan breakpoint bersyarat dalam Kode VS?


Salah satu fitur Kode VS yang paling kuat adalah kemampuan untuk menyisipkan kondisi menurut jumlah klik, ekspresi, atau kombinasi keduanya:

• “Hit Count ” – Fungsi “Hit Count” menentukan berapa kali Anda perlu mencapai breakpoint sebelum merusak eksekusi kode. Sintaks ekspresi ini dan apakah jumlah klik diikuti bergantung pada ekstensi debugger Anda.

• “Kondisi Ekspresi” – Kode akan mencapai titik henti sementara ini setiap kali ekspresi Anda menunjukkan evaluasi “Benar”.

Anda dapat menambahkan jumlah dan ketentuan klik saat membuat sumber breakpoints dengan opsi "Tambahkan Breakpoint Bersyarat" Anda. Atau, fitur ini dapat diakses saat memodifikasi breakpoint yang ada melalui fungsi "Edit Kondisi". Terlepas dari metodenya, Anda akan melihat kotak teks dan menu yang memungkinkan Anda memasukkan ekspresinya. Anda juga dapat mengedit kondisi menggunakan menu konteks atau jendela “Edit Kondisi”.

Selanjutnya, Kode VS mendukung jumlah klik dan ketentuan untuk titik henti sementara “Pengecualian” dan “Fungsi”. Jika debugger Anda tidak kompatibel dengan breakpoint bersyarat, opsi “Edit Kondisi” dan “Tambahkan Breakpoint Bersyarat” tidak akan dapat diakses.
Apa Itu Inline Breakpoints di VS Code? terhubung ke breakpoint sebaris Anda. Mereka sangat membantu saat men-debug kode yang diperkecil yang berisi beberapa pernyataan dalam satu baris.

Untuk menyetel breakpoint sebaris, Anda dapat menggunakan kombinasi tombol “Shift + F9”. Pilihan lain adalah mengakses menu "Konteks" saat Anda berada dalam sesi debugging. Mereka akan ditampilkan di dalam jendela pengeditan.

Menu “Konteks” juga memungkinkan Anda mengedit beberapa breakpoint dalam satu baris.
Apa Fungsi Breakpoint dalam Kode VS?


Daripada menempatkan breakpoint secara langsung di kode sumber, Anda dapat membuatnya dengan menetapkan nama fungsi. Fitur ini berfungsi dengan baik untuk sumber yang tidak tersedia dengan nama fungsi yang sudah dikenal.

Berikut cara membuat breakpoint fungsi:

1. Tekan simbol "+" di header "Breakpoints" Anda.

2. Masukkan nama fungsi.

3. Ini akan membuat fungsi breakpoint, dan itu akan diwakili dengan segitiga merah.
Apakah Data Breakpoints di VS Code?


Beberapa debugger juga mendukung breakpoints data. Mereka dapat diaktifkan melalui jendela "Variabel" dan dipukul ketika nilai variabel berubah. Breakpoint muncul sebagai segi enam merah di dalam menu “Breakpoints”.

Gateway to Banyak Kemungkinan

Breakpoints dalam VS Code dapat digunakan dengan berbagai cara, membuka pintu untuk kemungkinan yang hampir tak terbatas saat men-debug kode Anda. Dengan semua jenis breakpoint yang telah kami bahas di atas yang Anda inginkan, Anda akan dengan mudah mengamati perilaku baris Anda dan memfasilitasi proses debugging. Yang terbaik dari semuanya, sebagian besar dapat diaktifkan dengan cepat, dan masing-masing direpresentasikan dengan jelas untuk mempercepat upaya pengkodean Anda lebih lanjut.

Sudahkah Anda mencoba menggunakan breakpoints di VS Code? Jenis breakpoint apa yang paling sering Anda gunakan? Pernahkah Anda mengaktifkan ID Objek? Beri tahu kami di bagian komentar di bawah.