Freigeben über

Verwenden von Dev Proxy mit Visual Studio Code-Debugkonfigurationen

Auf einen Blick
Ziel: Autostart Dev Proxy beim Debuggen in VS Code
Zeit: 10 Minuten
Plugins: Verschiedene
Prerequisites:Set up Dev Proxy, VS Code, Dev Proxy Toolkit extension

Installieren Sie dev Proxy Toolkit über den Erweiterungs-Marketplace. Die Erweiterung stellt Aufgaben und Überwachungen für Dev Proxy bereit.

Hinzufügen von Dev Proxy zur Debugkonfiguration

Fügen Sie die start und stop Aufgaben zu Ihrer tasks.json Datei in Ihrem Projekt hinzu.

Tip

Verwenden Sie die devproxy-task-start- und devproxy-task-stop-Snippets, um Dev Proxy Aufgaben schnell zu Ihrer tasks.json-Datei hinzuzufügen.

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

Konfigurieren Sie die Eigenschaften preLaunchTask und postDebugTask mit den Aufgabenbeschriftungen, die Sie in der Datei tasks.json definiert haben. Der Dev-Proxy wird gestartet, bevor Ihre Anwendung ausgeführt wird, und beendet, nachdem das Debugging abgeschlossen ist. Das folgende Beispiel zeigt, wie Sie die launch.json Datei so konfigurieren, dass eine Debugsitzung mit Dev Proxy und einer Node.js Anwendung gestartet wird.

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

Übergeben von Optionen an Dev Proxy

Sie können Optionen an Dev Proxy übergeben, indem Sie diese der Eigenschaft args in der Aufgabe start in der Datei tasks.json hinzufügen. Um beispielsweise Dev Proxy im Aufzeichnungsmodus zu starten, übergeben Sie das --record Argument:

Datei: .vscode/tasks.json (Aufgabe mit Args)

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

Siehe auch

  • Last updated on