Dela via

Använda Dev Proxy med felsökningskonfigurationer i Visual Studio Code

Överblick
Mål: Starta dev proxy automatiskt vid felsökning i VS Code
Tid: 10 minuter
Plugins: Olika
Krav:Konfigurera Dev Proxy, VS Code, Dev Proxy Toolkit-tillägget

Installera Dev Proxy Toolkit från marketplace-tillägget. Tillägget innehåller uppgifter och bevakare för Dev Proxy.

Lägga till Dev Proxy i felsökningskonfigurationen

Lägg till uppgifterna start och stop i din tasks.json-fil i projektet.

Tip

Använd kodfragmenten devproxy-task-start och devproxy-task-stop för att snabbt lägga till Dev Proxy-uppgifter i tasks.json filen.

Fil: .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"
        }
    ]
}

Konfigurera preLaunchTask och postDebugTask egenskaperna med de aktivitetsetiketter som du definierade i tasks.json-filen. Dev Proxy startar innan programmet körs och stoppas när felsökningen har slutförts. I följande exempel visas hur du konfigurerar launch.json filen för att starta en felsökningssession med Dev Proxy och ett Node.js program.

Fil: .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"
            }
        }
    ]
}

Skicka alternativ till Dev Proxy

Du kan skicka alternativ till Dev Proxy genom att lägga till dem i args-egenskapen för start-uppgiften i tasks.json-filen. Om du till exempel vill starta Dev Proxy i inspelningsläge skickar du --record argumentet:

Fil: .vscode/tasks.json (uppgift med args)

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

Se även

  • Last updated on