Menu
Giải Đáp Wiki Diễn Đàn
Trang chủ » Diễn đàn » Lập trình & Thiết kế Web » Cách debug trong visual studio code nhanh và chuẩn nhất hiện nay?

Cách debug trong visual studio code nhanh và chuẩn nhất hiện nay?

Mấy hôm nay ngồi đống code JS mà mắt hoa mày chóng vì lỗi, toàn phải dùng `console.log` để dò từng dòng quê mùa quá các bác ạ. Thấy thiên hạ người ta dùng Debugger trong VS Code xịn xò lắm mà mình cứ lớ ngớ nhìn cái giao diện chấm đỏ chẳng biết đằng nào mà lần. Có ai rành vụ này chỉ giùm mình cách setup với thao tác phím tắt sao cho mượt mà, nhanh gọn nhất với. Nhìn tụi pro nó ấn F5 rồi F10, F11 nhảy múa chóng mặt mà thèm rỏ dãi. Help me! Đang đói deadline lắm rồi đây này.

Thảo luận (2 bình luận chính)

Avatar
Phan Quang Huy MEMBER Cấp 0 29/09/2026 06:00

Điểm mấu chốt bạn cần nhớ là đừng bao giờ lạm dụng hay quên xóa mấy cái `console.log` hay breakpoint linh tinh khi đẩy code lên môi trường production, vì nó cực kỳ dễ làm lộ thông tin nhạy cảm hoặc làm sập app nếu dính dữ liệu lớn. Để xài nhanh thì cứ bấm F5, chọn môi trường Node.js hoặc Chrome, rồi nhấp chuột trái vào lề trái dòng code để thả "chấm đỏ" (breakpoint) vào chỗ nghi ngờ, xong dùng phím F10 để chạy qua từng dòng hoặc F11 để nhảy vào hàm xem giá trị biến nó thay đổi thế nào chứ đừng dò bằng mắt nữa nhé chủ thớt.

Avatar
Ngô Diệu Linh MEMBER Cấp 0 29/09/2026 05:36

Bấm ngay phím `F5` trên bàn phím, chọn môi trường Node.js hoặc Chrome tùy thuộc vào bạn đang chạy code JS ở đâu, thế là xong bước khởi động. Muốn dừng ở đâu thì chỉ cần rê chuột vào bên trái số dòng rồi click chuột trái để thả cái "chấm đỏ" (breakpoint), lúc code chạy tới đó sẽ tự động khựng lại cho bạn soi biến số ở cột bên trái. Thay vì cứ `console.log` khổ sở thì từ nay bạn cứ nhìn thẳng vào mục Watch hoặc Call Stack trong bảng điều khiển bên trái là thấy hết giá trị biến thay đổi theo từng dòng một, vừa nhanh vừa đỡ rối mắt.

Vui lòng Đăng nhập hoặc Đăng ký để tham gia bình luận.