docs: debugging in VSCode setup (#486)

docs/.vitepress/config.ts

@@ -115,6 +115,10 @@ export default defineConfig({
               text: 'Mocking Requests',
               link: '/guide/mocking-requests'
             },
+            {
+              text: 'Debugging',
+              link: '/guide/debugging'
+            },
             /* TODO
             {
               text: 'Using Plugins',

docs/guide/debugging.md

@@ -0,0 +1,29 @@
+# Debugging
+
+## VSCode
+
+To debug a test file in VSCode, create the following launch configuration.
+
+```
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "pwa-node",
+            "request": "launch",
+            "name": "Debug Current Test File",
+            "autoAttachChildProcesses": true,
+            "skipFiles": ["<node_internals>/**", "**/node_modules/**"],
+            "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
+            "args": ["run", "${relativeFile}"],
+            "smartStep": true,
+            "console": "integratedTerminal"
+        }
+    ]
+}
+```
+
+Then in the debug tab ensure 'Debug Current Test File' is selected, you can then open the test file you want to debug and press F5 to start debugging.