Megosztás a következőn keresztül:


Dev Proxy használata Visual Studio Code hibakeresési konfigurációkkal

Egy pillantással
Cél: Fejlesztői proxy automatikus indítása a VS Code-ban végzett hibakereséskor
Idő: 10 perc
Beépülő modulok: Különböző
Előfeltételek:Dev Proxy, VS Code, Dev Proxy Toolkit bővítmény beállítása

Telepítse a Fejlesztői proxy eszközkészletet a bővítmény piacteréről. A bővítmény feladatokat és figyelőket biztosít a Dev Proxyhoz.

Dev Proxy hozzáadása a hibakeresési konfigurációhoz

Adja hozzá a start és stop feladatokat a projekt tasks.json fájljához.

Tip

A devproxy-task-startdevproxy-task-stop kódrészletekkel gyorsan hozzáadhat fejlesztői proxyfeladatokat a tasks.json fájlhoz.

Fájl: .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"
        }
    ]
}

Konfigurálja a preLaunchTask és postDebugTask tulajdonságokat a tasks.json fájlban definiált feladatcímkékkel. A fejlesztői proxy az alkalmazás futtatása előtt indul el, és a hibakeresés befejezése után leáll. Az alábbi példa bemutatja, hogyan konfigurálhatja a launch.json fájlt úgy, hogy hibakeresési munkamenetet indítson dev proxyval és Node.js alkalmazással.

Fájl: .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"
            }
        }
    ]
}

Opciók átadása Dev Proxy-nak

A beállításokat a Dev Proxy számára úgy adhatja át, hogy hozzáadja őket a feladat args tulajdonságához a start fájlban. Ha például a Dev Proxyt felvétel módban szeretné elindítani, adja meg az argumentumot --record :

Fájl: .vscode/tasks.json (args-feladat)

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

Lásd még