Udostępnij za pośrednictwem

Użyj Dev Proxy z konfiguracjami debugowania Visual Studio Code

Na pierwszy rzut oka
Celem: Automatyczne uruchamianie serwera proxy deweloperskiego podczas debugowania w programie VS Code
Czas: 10 minut
Wtyczki: Różne
Wymagania wstępne:Konfigurowanie serwera proxy deweloperskiego, programu VS Code, rozszerzenia dev Proxy Toolkit

Zainstaluj Dev Proxy Toolkit z rynku rozszerzeń. Rozszerzenie udostępnia zadania i obserwatorów dla Dev Proxy.

Dodaj Dev Proxy do konfiguracji debugowania

Dodaj do pliku start w projekcie zadania stop i tasks.json.

Tip

Użyj fragmentów devproxy-task-start i devproxy-task-stop , aby szybko dodać zadania Dev Proxy do pliku tasks.json.

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

Skonfiguruj właściwości preLaunchTask oraz postDebugTask przy użyciu etykiet zadań zdefiniowanych w pliku tasks.json. Proxy deweloperskie rozpoczyna działanie przed uruchomieniem aplikacji i zatrzymuje się po zakończeniu procesu debugowania. W poniższym przykładzie pokazano, jak skonfigurować launch.json plik w celu rozpoczęcia sesji debugowania przy użyciu serwera proxy deweloperów i aplikacji Node.js.

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

Przekazywanie opcji do serwera proxy deweloperskiego

Opcje można przekazać do Dev Proxy, dodając je do args właściwości w start zadaniu w tasks.json pliku. Aby na przykład uruchomić Dev Proxy w trybie nagrywania, przekaż argument --record.

Plik: .vscode/tasks.json (zadanie z args)

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

Zobacz także

  • Last updated on