调试第一课：从报错了到可定位的问题

调试不是不断修改直到“好像好了”，而是建立可复现证据、缩小问题边界并验证假设。一个清晰的最小复现往往比一长串截图更有价值。

你会学到什么

• 写出稳定复现步骤。

• 使用断点与安全日志观察状态。

• 把修复转化为防回归测试。

动手步骤

• 记录命令、输入、环境和完整首条错误。

• 移除无关步骤，得到最小复现。

• 用断点、调用栈或日志验证一个假设。

• 修复后增加测试并重跑关键路径。

最小示例

console.log({ userId, hasToken: Boolean(token) });

容易踩坑的地方

• 重装依赖是手段，不是默认答案。

• 一次改十处无法验证因果关系。

• 日志不能输出密码、Cookie 和完整 Token。

完成前检查

• 有明确复现步骤。

• 知道第一条真实错误。

• 修复前后均执行测试。

延伸阅读

• VS Code Docs：Debugging：https://code.visualstudio.com/docs/debugtest/debugging

• MDN：Browser developer tools：https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Tools_and_setup/What_are_browser_developer_tools