使用 VS Code 设置断点调试

VS Code 提供了强大的断点调试功能，配合 Next.js 的 Node.js 环境，可以方便定位问题。

配置步骤：

1. 确保安装了 VS Code 的 Node.js Debug 插件。
2. 在项目根目录下进入 .vscode 文件夹（如果没有则创建），添加 launch.json 文件：

   {
     "version": "0.2.0",
     "configurations": [
       {
         "type": "node",
         "request": "launch",
         "name": "Next.js Debug",
         "runtimeExecutable": "npm",
         "runtimeArgs": ["run", "dev"],
         "port": 9229,
         "skipFiles": ["<node_internals>/**"]
       }
     ]
   }
   

3. 启动调试：
   • 打开 VS Code 的调试面板，选择 Launch Program。
   • 再合适的地方打上断点。
   • 如果未能命中，可以尝试增加debugger，进行强制断点
   • 运行调试，浏览器访问页面时调试器会自动停在对应的断点上。

最后修改于 2025-02-07