Delen via

Dev Proxy gebruiken met configuraties voor foutopsporing in Visual Studio Code

In één oogopslag
Doel: Dev-proxy automatisch starten bij foutopsporing in VS Code
Tijd: 10 minuten
Plugins: Verschillende
Vereisten:Dev Proxy instellen, VS Code instellen, Dev Proxy Toolkit-extensie instellen

Installeer Dev Proxy Toolkit vanuit de marketplace voor extensies. De extensie biedt taken en bewakingsprogramma's voor Dev Proxy.

Dev Proxy toevoegen aan uw foutopsporingsconfiguratie

Voeg de start en stop taken toe aan uw tasks.json bestand in uw project.

Tip

Gebruik de devproxy-task-start en devproxy-task-stop codefragmenten om snel Dev Proxy-taken aan uw tasks.json bestand toe te voegen.

Bestand: .vscode/tasks.json

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

Configureer de preLaunchTask en postDebugTask eigenschappen met de taaklabels die u in het tasks.json bestand hebt gedefinieerd. Dev Proxy wordt gestart voordat uw toepassing wordt uitgevoerd en stopt nadat foutopsporing is voltooid. In het volgende voorbeeld ziet u hoe u het launch.json bestand configureert om een foutopsporingssessie te starten met Dev Proxy en een Node.js-toepassing.

Bestand: .vscode/launch.json

{
    "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"
            }
        }
    ]
}

Opties doorgeven aan Dev Proxy

U kunt opties doorgeven aan Dev Proxy door ze toe te voegen aan de args eigenschap van de start taak in het tasks.json bestand. Als u bijvoorbeeld Dev Proxy wilt starten in de opnamemodus, geeft u het --record argument door:

Bestand: .vscode/tasks.json (taak met args)

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

Zie ook

  • Last updated on