目录

一、添加 launch.json 文件

二、调试

---

本文简单介绍如何通过 vscode 对 FastGPT 进行调试。

这里假设已经安装 vsocde 和 FastGPT本地部署。

一、添加 launch.json 文件

vscode 打开 FastGPT 项目，点击 调试 -> 显示所有自动调试配置 -> 添加配置 -> Node.js。

点击添加配置。

 点击 Node.js。

在项目目录下自动创建 .vscode/launch.json 文件，使用如下代码替换。

{"version": "0.2.0","configurations": [{"name": "Next.js: debug server-side","type": "node-terminal","request": "launch","cwd": "${workspaceFolder}/projects/app","command": "pnpm dev"},{"name": "Next.js: debug client-side","type": "chrome","request": "launch","url": "http://localhost:3000"},{"name": "Next.js: debug full stack","type": "node","request": "launch","program": "${workspaceFolder}/projects/app/node_modules/.bin/next","runtimeArgs": ["--inspect"],"skipFiles": ["<node_internals>/**"],"serverReadyAction": {"action": "debugWithEdge","killOnServerStop": true,"pattern": "- Local:.+(https?://.+)","uriFormat": "%s","webRoot": "${workspaceFolder}"}}]}

commannd 参数：如果你使用的是 Yarn，则 npm run dev 可以替换为 yarn dev；如果你使用的是 pnpm，则可以替换为 pnpm dev。

cwd 参数：如果你从根目录以外的目录运行 Next.js（例如，如果你使用 Turborepo），则需要将 cwd 添加到服务器端和全堆栈调试任务。例如，"cwd": "${workspaceFolder}/apps/web"。

二、调试

在需要调试的地方设置断点，选择 debug server-side ，点击绿色箭头进行调试。

调试页面如下。 

参考链接：

[1] https://next.nodejs.cn/docs/pages/building-your-application/configuring/debugging/

[2] next.js vscode 调试debug_vscode 配置 next.js框架 中pages中的后端代码 如何debug 调试代码-CSDN博客

[3] vscode编辑器中如何调试nextjs代码-阿里云开发者社区