การเขียนโปรแกรมใน VS Code ไม่ใช่เรื่องง่าย แม้แต่ความผิดพลาดเพียงเล็กน้อยก็อาจทำให้เกิดปัญหาใหญ่และเป็นอุปสรรคต่อโครงการของคุณ เพื่อเอาชนะอุปสรรคเหล่านี้ คุณต้องมีเทคนิคการดีบักที่เชื่อถือได้ในกล่องเครื่องมือของคุณ นี่คือจุดที่เบรกพอยต์เข้ามาเล่น
เบรกพอยต์จะใช้เมื่อใดก็ตามที่คุณต้องการหยุดการดำเนินการดีบักเกอร์ชั่วคราว สิ่งเหล่านี้ช่วยให้คุณตรวจสอบสถานะของตัวแปรโค้ดและทำงานอื่นๆ ที่จำเป็นสำหรับการดำเนินโปรแกรมของคุณต่อได้ นั่นเป็นเหตุผลที่ว่าทำไมการเข้าใจวิธีใช้เบรกพอยต์ใน VS Code จึงเป็นสิ่งที่ขาดไม่ได้
ในรายการนี้ เราจะให้คำแนะนำเชิงลึกเกี่ยวกับการใช้เบรกพอยต์ VS Code คุณจะได้เรียนรู้เกี่ยวกับประเภทที่ได้รับความนิยมมากที่สุดและเรียนรู้ว่าสิ่งเหล่านี้จะช่วยอำนวยความสะดวกในการพัฒนาของคุณได้อย่างไร
วิธีใช้เบรกพอยต์ใน VS Code
เบรกพอยต์ใน VS Code สามารถวางในโค้ดสั่งการใดๆ ก็ได้ มันทำงานสำหรับลายเซ็นเมธอด การประกาศสำหรับคลาสหรือเนมสเปซ และแม้แต่การประกาศตัวแปรหากไม่มีตัวรับ/เซ็ตเตอร์หรือการกำหนด
ในการตั้งค่าเบรกพอยต์ในซอร์สโค้ดของคุณ ให้ทำตามขั้นตอนต่อไปนี้:
- คลิกระยะขอบซ้ายหรือกดแป้น F9 ถัดจากเส้นที่คุณต้องการหยุด
- เรียกใช้รหัสหรือกด F5 (ดำเนินการต่อ)
- ตอนนี้โค้ดของคุณจะหยุดชั่วคราวก่อนที่จะมีการดำเนินการที่ทำเครื่องหมายไว้ เบรกพอยต์จะปรากฏเป็นจุดสีแดงภายในระยะขอบด้านซ้ายของคุณ
ตามค่าเริ่มต้น บรรทัดโค้ดการดำเนินการปัจจุบันและจุดสั่งหยุดจะถูกเน้นโดยอัตโนมัติสำหรับภาษาการเขียนโปรแกรมส่วนใหญ่ รวมถึง C# หากคุณกำลังทำงานใน C ++ คุณสามารถเปิดใช้งานการเน้นได้ดังนี้:
- ไปที่ Debug หรือ Tools
- เลือกตัวเลือกตามด้วยการแก้จุดบกพร่อง
- เลือกคำสั่งต่อไปนี้: |_+_|.
เมื่อดีบักเกอร์หยุดชั่วคราวที่จุดสั่งหยุด คุณสามารถตรวจสอบสภาพปัจจุบันของแอปได้ ข้อมูลที่คุณสามารถดูได้รวมถึง call stacks และค่าตัวแปร
เมื่อพูดถึงสี จุดสั่งหยุดมักจะเป็นสีแดง หากคุณทำงานในขอบเอดิเตอร์ของคุณ เบรกพอยต์ที่ปิดใช้งานจะแสดงด้วยวงกลมสีเทาเติม ในขณะที่วงกลมกลวงสีเทาจะส่งสัญญาณเบรกพอยต์ที่ไม่สามารถลงทะเบียนได้ หลังอาจใช้หากคุณกำลังแก้ไขแหล่งที่มาในขณะที่เซสชันการดีบักของคุณโดยไม่ได้รับการสนับสนุนการแก้ไขแบบสดกำลังดำเนินการอยู่
ต่อไปนี้คือคำสั่งเบรกพอยต์ที่โดดเด่นอีกสองสามคำสั่ง:
- Toggle Breakpoint – เหนือสิ่งอื่นใด คำสั่งนี้ช่วยให้คุณสามารถแทรกหรือลบเบรกพอยต์ได้
- ปิดการใช้งานเบรกพอยต์ – ปิดการใช้งานเบรกพอยต์ของคุณโดยไม่ต้องลบ เบรกพอยต์ดังกล่าวจะแสดงเป็นจุดกลวงที่ระยะขอบด้านซ้ายของคุณหรือหน้าต่างเบรกพอยต์ของคุณ
- เปิดใช้งานเบรกพอยต์ – คำสั่งนี้จะปรากฏขึ้นเมื่อคุณวางเมาส์เหนือเบรกพอยต์ที่ปิดใช้งาน และให้คุณเปิดใช้งานได้อีกครั้ง
- การตั้งค่า – ส่วนการตั้งค่ามีคำสั่งมากมายที่ช่วยให้คุณสามารถเพิ่ม แก้ไข และส่งออกเบรกพอยต์ของคุณได้ เมนูจะปรากฏขึ้นเมื่อคุณวางเมาส์เหนือเบรกพอยต์แล้วกดการตั้งค่า
- ใช้เบรกพอยต์ทั้งหมดอีกครั้ง – ส่งคืนเบรกพอยต์ทั้งหมดของคุณไปยังตำแหน่งเดิม ฟังก์ชันนี้มีประโยชน์หากสภาพแวดล้อมการดีบักวางจุดสั่งหยุดผิดที่ภายในซอร์สโค้ดที่ยังไม่ได้ดำเนินการ
คำถามที่พบบ่อยเพิ่มเติม
จุดตรวจสอบใน VS Code คืออะไร
จุดตรวจสอบเป็นอีกหนึ่งจุดแวะพักที่มีประโยชน์ แทนที่จะบุกเข้าไปในตัวดีบักของคุณ พวกเขาบันทึกข้อความไปยังคอนโซลของคุณและทำหน้าที่เป็นคำสั่งการติดตามชั่วคราวในภาษาการเขียนโปรแกรมของคุณ นอกจากนี้ยังไม่ขัดจังหวะการเรียกใช้โค้ด
จุดตรวจสอบอาจเป็นอุปกรณ์ฉีดที่ยอดเยี่ยมเมื่อคุณกำลังดีบั๊กเซิร์ฟเวอร์ที่ใช้งานจริงที่ไม่สามารถหยุดหรือหยุดชั่วคราวได้ โดยจะปรากฏเป็นไอคอนรูปเพชรและมีข้อความธรรมดา อย่างไรก็ตาม ยังมาพร้อมกับนิพจน์ที่ประเมินด้วยเครื่องหมายปีกกา
เช่นเดียวกับเบรกพอยต์มาตรฐาน สามารถเปิดใช้งานและปิดใช้งานจุดตรวจสอบได้ คุณยังสามารถควบคุมได้ด้วยการนับจำนวนหรือเงื่อนไข
นอกจากนี้ แม้ว่าตัวดีบัก Node.js บิวด์อินจะรองรับ แต่ก็สามารถนำมาใช้ผ่านแพลตฟอร์มการดีบักอื่นๆ ได้เช่นกัน รายการนี้รวมถึงส่วนขยาย Java และ Python
ฉันจะใช้เบรกพอยต์แบบมีเงื่อนไขใน VS Code ได้อย่างไร
หนึ่งในคุณสมบัติ VS Code ที่ทรงพลังที่สุดคือความสามารถในการแทรกเงื่อนไขตามจำนวน Hit นิพจน์ หรือการรวมกันของทั้งสอง:
• Hit Count – ฟังก์ชัน Hit Count กำหนดจำนวนครั้งที่คุณต้องการให้ถึงจุดเบรกพอยต์ก่อนที่จะหยุดการรันโค้ด ไวยากรณ์ของนิพจน์นี้และการนับจำนวน Hit ที่ตามมาหรือไม่นั้นขึ้นอยู่กับส่วนขยายดีบักเกอร์ของคุณ
• เงื่อนไขนิพจน์ – โค้ดจะกระทบกับเบรกพอยต์นี้เมื่อใดก็ตามที่นิพจน์ของคุณแสดงการประเมินที่เป็นจริง
คุณสามารถเพิ่มจำนวน Hit และเงื่อนไขได้เมื่อสร้างเบรกพอยต์ต้นทางด้วยตัวเลือกเพิ่มเบรกพอยต์แบบมีเงื่อนไข คุณลักษณะเหล่านี้สามารถเข้าถึงได้เมื่อแก้ไขจุดสั่งหยุดที่มีอยู่ผ่านฟังก์ชันแก้ไขเงื่อนไข ไม่ว่าจะใช้วิธีใด คุณควรเห็นกล่องข้อความและเมนูที่ให้คุณป้อนนิพจน์ได้ คุณยังสามารถแก้ไขเงื่อนไขได้โดยใช้เมนูบริบทหรือหน้าต่างแก้ไขเงื่อนไข
วิธีลบข้อมูลสำรองออกจากไทม์แมชชีน
นอกจากนี้ VS Code ยังรองรับจำนวน Hit และเงื่อนไขสำหรับเบรกพอยต์ของ Exception และ Function หากดีบักเกอร์ของคุณเข้ากันไม่ได้กับเบรกพอยต์แบบมีเงื่อนไข จะไม่สามารถเข้าถึงตัวเลือก แก้ไขเงื่อนไข และ เพิ่มเบรกพอยต์แบบมีเงื่อนไข
เบรกพอยต์แบบอินไลน์ใน VS Code คืออะไร?
จุดสั่งหยุดแบบอินไลน์จะถูกโจมตีก็ต่อเมื่อการเรียกใช้โค้ดมาถึงคอลัมน์ที่เชื่อมต่อกับเบรกพอยต์แบบอินไลน์ของคุณ สิ่งเหล่านี้มีประโยชน์อย่างยิ่งเมื่อทำการดีบั๊กโค้ดย่อขนาดที่ประกอบด้วยหลายคำสั่งในหนึ่งบรรทัด
ในการตั้งค่าเบรกพอยต์แบบอินไลน์ คุณสามารถใช้คีย์ผสม Shift + F9 อีกทางเลือกหนึ่งคือการเข้าถึงเมนูบริบทในขณะที่คุณอยู่ในเซสชันการดีบัก จะแสดงในหน้าต่างแก้ไข
เมนูบริบทยังช่วยให้คุณแก้ไขจุดสั่งหยุดหลายจุดในบรรทัดเดียวได้
เบรกพอยต์ของฟังก์ชันใน VS Code คืออะไร?
แทนที่จะวางเบรกพอยต์ในซอร์สโค้ดของคุณโดยตรง คุณสามารถสร้างเบรกพอยต์ได้ด้วยการกำหนดชื่อฟังก์ชัน คุณลักษณะนี้ใช้งานได้ดีกับแหล่งที่มาที่ไม่พร้อมใช้งานซึ่งมีชื่อฟังก์ชันที่คุ้นเคย
ต่อไปนี้เป็นวิธีสร้างเบรกพอยต์ของฟังก์ชัน:
1. กดเครื่องหมาย + ในหัวข้อเบรกพอยต์ของคุณ
2. ป้อนชื่อฟังก์ชัน
3. สิ่งนี้จะสร้างเบรกพอยต์ของฟังก์ชัน และจะแสดงด้วยสามเหลี่ยมสีแดง
Data Breakpoint ใน VS Code คืออะไร?
ดีบักเกอร์บางตัวยังรองรับจุดพักข้อมูล สามารถเปิดใช้งานผ่านหน้าต่างตัวแปรและถูกกดเมื่อค่าตัวแปรเปลี่ยนแปลง เบรกพอยต์จะปรากฏเป็นรูปหกเหลี่ยมสีแดงภายในเมนูเบรกพอยต์
ประตูสู่ความเป็นไปได้มากมาย
สามารถใช้เบรกพอยต์ใน VS Code ได้หลายวิธี โดยเป็นการเปิดประตูสู่ความเป็นไปได้ที่แทบจะไม่มีที่สิ้นสุดเมื่อทำการดีบั๊กโค้ดของคุณ ด้วยเบรกพอยต์ทุกประเภทที่เราได้กล่าวถึงข้างต้นไว้ให้คุณ คุณจะสังเกตพฤติกรรมของสายงานของคุณได้อย่างง่ายดายและอำนวยความสะดวกในกระบวนการแก้ไขข้อบกพร่อง เหนือสิ่งอื่นใด ส่วนใหญ่สามารถเปิดใช้งานได้อย่างรวดเร็ว และแต่ละรายการมีการแสดงอย่างชัดเจนเพื่อเร่งความพยายามในการเขียนโค้ดของคุณต่อไป
คุณได้ลองใช้เบรกพอยต์ใน VS Code แล้วหรือยัง? คุณใช้เบรกพอยต์ประเภทใดบ่อยที่สุด คุณเคยเปิดใช้งาน Object ID หรือไม่? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง
