Condividi tramite

Usare Dev Proxy con le configurazioni di debug di Visual Studio Code

A colpo d'occhio
Obiettivo: Avvio automatico del proxy di sviluppo durante il debug in VS Code
Tempo: 10 minuti
Plugin: Vari
Prerequisiti:Configurare Dev Proxy, VS Code, estensione Dev Proxy Toolkit

Installare Dev Proxy Toolkit dal marketplace delle estensioni. L'estensione fornisce attività e osservatori per Dev Proxy.

aggiungere il proxy di sviluppo alla configurazione di debug

Aggiungi i start e stop attività al file tasks.json nel tuo progetto.

Tip

Usare i devproxy-task-start e devproxy-task-stop snippet per aggiungere rapidamente attività del proxy di sviluppo nel file tasks.json.

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

Configurare le proprietà preLaunchTask e postDebugTask con le etichette delle attività definite nel file tasks.json. Il proxy di sviluppo viene avviato prima dell'esecuzione dell'applicazione e si arresta dopo il completamento del debug. L'esempio seguente illustra come configurare il launch.json file per avviare una sessione di debug con Dev Proxy e un'applicazione Node.js.

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

Passare le opzioni al proxy di sviluppo

È possibile passare le opzioni al Dev Proxy aggiungendole alla proprietà args sull'attività start nel file tasks.json. Ad esempio, per avviare Dev Proxy in modalità di registrazione passare l'argomento --record :

File: .vscode/tasks.json (attività con args)

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

Vedere anche

  • Last updated on