如何使用Visual Studio Code调试SvelteKit中的服务器端代码

以下是具体操作步骤：

1. 创建VS Code调试配置 #

打开VS Code的「运行和调试」面板（快捷键Ctrl+Shift+D），点击「创建launch.json文件」，选择「Node.js」模板，然后替换成以下配置：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "SvelteKit Server Debug",
      "program": "${workspaceFolder}/node_modules/vite/bin/vite.js",
      "args": ["dev"],
      "skipFiles": ["<node_internals>/**"],
      "runtimeArgs": ["--inspect"],
      "console": "integratedTerminal",
      "env": {
        "NODE_ENV": "development"
      }
    }
  ]
}

2. 设置断点 #

打开你的+server.svelte（或对应.js/.ts文件），在需要调试的代码行左侧点击添加红色断点标记——比如在export async function GET()这类请求处理函数内部。

3. 启动调试并触发请求 #

点击调试面板的「启动调试」按钮（或按F5），等待SvelteKit开发服务器启动。之后通过浏览器、Postman等工具访问对应服务器路由（比如http://localhost:5173/api/your-route），代码执行到断点处就会自动暂停，此时你可以查看变量、单步执行代码。

注意事项 #

• 确保项目依赖已完整安装，执行过npm install或pnpm install
• 若使用TypeScript，需在vite.config.js中确保sourcemap: true，否则断点可能无法正确映射到源码
• 如果新增断点后未触发，尝试重启调试会话

内容的提问来源于stack exchange，提问作者Duncan