Use o Dev Proxy com as configurações de depuração do Visual Studio Code

Visão geral
Objetivo: Iniciar o Proxy de Desenvolvimento automaticamente ao depurar no VS Code
Tempo: 10 minutos
Plugins: Vários
Pré-requisitos:Configurar o Proxy de Desenvolvimento, o VS Code, a extensão do Kit de Ferramentas de Proxy de Desenvolvimento

Instale o Kit de Ferramentas do Dev Proxy do marketplace de extensão. A extensão fornece tarefas e monitoradores para o Proxy de Desenvolvimento.

Adicione o Dev Proxy à sua configuração de depuração

Adicione as tarefas start e stop ao arquivo tasks.json no seu projeto.

Tip

Use os snippets devproxy-task-start e devproxy-task-stop para adicionar rapidamente tarefas de Dev Proxy ao arquivo tasks.json.

Arquivo: .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 as propriedades preLaunchTask e postDebugTask com os rótulos de tarefa que você definiu no arquivo tasks.json. O Dev Proxy é iniciado antes da execução do aplicativo e é interrompido após a conclusão da depuração. O exemplo a seguir mostra como configurar o launch.json arquivo para iniciar uma sessão de depuração com o Proxy de Desenvolvimento e um aplicativo Node.js.

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

Passar opções para o Proxy de Desenvolvimento

Você pode passar opções para o Proxy de Dev adicionando-as à propriedade args na tarefa start dentro do arquivo tasks.json. Por exemplo, para iniciar o Dev Proxy no modo de gravação, passe o argumento --record.

Arquivo: .vscode/tasks.json (tarefa com args)

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

Consulte também

  • Last updated on