探索进度 0/9
👆 点我看看
开始你的调试之旅
点左边大图上的任意区域 —— 断点、工具栏、变量面板……程序停下来的每一秒都是学习的机会。点亮全部 9 个区域有隐藏成就！
💡 提示：先点亮红色的断点和黄色高亮的执行行，那是调试的两大主角。
🚦 五步抓出第一个 Bug
跟着走一遍，调试就入门了1️⃣ 先插一面小红旗
在想检查的代码行按 F9，行号旁出现红点 = 断点。或者直接点击行号左边的空白处。
2️⃣ 按 F5 出发
F5 启动调试。程序一路狂奔，撞到断点瞬间"定格"，当前行变成黄色高亮。
3️⃣ 一步一步走
F10 走一行看一行（不钻函数）；F11 钻进函数内部；Shift+F11 跳出去。
4️⃣ 盯住变量
左侧变量面板实时刷新；把鼠标悬停在代码里的变量名上，直接弹出当前值。
5️⃣ 修好就撤
找到问题、停下调试（Shift+F5）、改代码、重新 F5 —— 这就是调试的日常循环。
🚀 报错急救流程
- 点终端里报错的 文件名:行号，直达现场
- 在那行打断点，按 F5
- 看变量、单步走，真凶现形
🧪 三个进阶技巧
老手都在偷偷用🎯 条件断点
循环跑 1000 次，只想在第 500 次停下来？
- 右键断点红点 → 「编辑断点」
- 输入条件，比如 i == 500
- 前 499 次全速通过，第 500 次"咔"地停住
🖨️ 日志点（不暂停的 console.log）
想打印又不想暂停？
- 右键行号空白 → 「添加记录点」
- 输入文字，用 {} 包变量：当前 i = {i}
- 调试时它自动打印，程序照常全速跑
💬 调试控制台做实验
程序暂停时，世界是你的沙盒：
- 在调试控制台输入 total * 2 回车
- 立刻看到结果，且不影响程序
- 还能现场调用函数试试效果