Use Dev Proxy with Visual Studio Code debug configurations

Install Dev Proxy Toolkit from the extension marketplace. The extension provides tasks and watchers for Dev Proxy.

Add Dev Proxy to your debug configuration

Add the start and stop tasks to your tasks.json file in your project.

Tip

Use the devproxy-task-start and devproxy-task-stop snippets to quickly add Dev Proxy tasks to your tasks.json file.

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "devproxy-start",
            "type": "devproxy",
            "command": "start",
            "isBackground": true,
            "problemMatcher": "$devproxy-watch",
        },
        {
            "label": "devproxy-stop",
            "type": "devproxy",
            "command": "stop"
        }
    ]
}

Configure the preLaunchTask and postDebugTask properties with the task labels you defined in the tasks.json file. Dev Proxy starts before your application runs and stops after debugging is complete. The following example shows how to configure the launch.json file to start a debug session with Dev Proxy and a Node.js application.

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}/index.mjs",
            "preLaunchTask": "devproxy-start",
            "postDebugTask": "devproxy-stop",
            "env": {
                "NODE_ENV": "development",
                "http_proxy": "http://127.0.0.1:8000",
                "https_proxy": "http://127.0.0.1:8000"
            }
        }
    ]
}

Pass options to Dev Proxy

You can pass options to Dev Proxy by adding them to the args property on the start task in the tasks.json file. For example, to start Dev Proxy in recording mode pass the --record argument:

{
    "label": "devproxy-start",
    "type": "devproxy",
    "command": "start",
    "args": [
        "--record"
    ],
    "isBackground": true,
    "problemMatcher": "$devproxy-watch"
}