Usar el proxy de desarrollo con las configuraciones de depuración de Visual Studio Code

De un vistazo
Objetivo: Inicio automático del proxy de desarrollo al depurar en Visual Studio Code
Hora: 10 minutos
Complementos: Varios
Requisitos previos:Configuración del proxy de desarrollo, VS Code, extensión del kit de herramientas de proxy de desarrollo

Instale Dev Proxy Toolkit desde el marketplace de extensiones. La extensión proporciona tareas y observadores para el proxy de desarrollo.

Agregar el proxy de desarrollo a la configuración de depuración

Agregue las tareas start y stop a su archivo tasks.json en el proyecto.

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

Configure las propiedades preLaunchTask y postDebugTask con las etiquetas de tarea que definió en el archivo tasks.json. El proxy de desarrollo se inicia antes de que se ejecute la aplicación y se detiene una vez finalizada la depuración. En el ejemplo siguiente se muestra cómo configurar el launch.json archivo para iniciar una sesión de depuración con dev Proxy y una aplicación de Node.js.

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

Pasar opciones al proxy de desarrollo

Puede pasar opciones al proxy de desarrollo añadiéndolas a la propiedad args en la tarea start del archivo tasks.json. Por ejemplo, para iniciar Dev Proxy en modo de grabación, proporcione el argumento --record.

Archivo: .vscode/tasks.json (tarea con argumentos)

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

Consulte también

• Configuración del proxy de desarrollo
• Usar configuraciones preestablecidas
• Extensión Dev Proxy Toolkit