可視化 Debugger

團隊

麥格蒙WINNER's藍教頭

簡介

VS Code 擴充：斷點時一鍵把 Linked-list、Graph、Tree 畫成可拖曳的圖

傳統 Debugger 觀察 Linked-list、Graph、Tree 需手動展開多次，難以看出節點關聯。本系統以 VS Code extension 實作，遇斷點時透過 DAP（Debug Adapter Protocol）取得變數內容，轉為 JSON 後以 Webview 呈現；前後端分離、模塊化，支援 Array、Matrix、Graph、Linked-list、Bar 等呈現模式，以 D3 Drag 與 Node.js 實作可拖曳動圖，並可勾選要顯示的變數。適合教學（二分搜尋、排序、最小生成樹）與程式競賽。已上架 VS Code Marketplace（brinton.cpp-debugger）。

其他連結：

• https://marketplace.visualstudio.com/items?itemName=brinton.cpp-debugger

連結

• GitHub：https://github.com/tw20000807/YTP.git
• 簡報：開啟

同屆專題

• 穩定幣跨境支付系統
• AURA — AI Understanding & Response of Actions
• 英雄聯盟 AI 助手
• 自動烤棉花糖機 — 結合圖片辨識與嵌入式系統
• 行程規劃工具
• 探討遺傳演算法優化類神經網路迭代之研究
• 電梯調度最佳化系統
• Filtrox — 創造個人化相片濾鏡