Поделиться через

Используйте Dev Proxy с конфигурациями отладки Visual Studio Code

На первый взгляд
Цель: Автоматическое запуск прокси-сервера разработки при отладке в VS Code
Время: 10 минут
Плагины: Разные
Предварительные требования:настройка прокси-сервера разработки, VS Code, расширения набора средств для прокси-сервера разработки

Установите Dev Proxy Toolkit из магазина расширений. Расширение предоставляет задачи и наблюдатели для Dev Proxy.

Добавьте Dev Proxy в вашу конфигурацию отладки

Добавьте задачи start и stop в файл tasks.json вашего проекта.

Tip

Используйте фрагменты devproxy-task-start и devproxy-task-stop, чтобы быстро добавить задачи Dev Proxy в файл tasks.json.

Файл: 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"
        }
    ]
}

Настройте свойства preLaunchTask и postDebugTask с метками задач, которые вы определили в файле tasks.json. Прокси-сервер разработки запускается до запуска приложения и останавливается после завершения отладки. В следующем примере показано, как настроить launch.json файл для запуска сеанса отладки с помощью прокси-сервера разработки и приложения Node.js.

Файл: 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"
            }
        }
    ]
}

Передайте параметры прокси-серверу разработки

Вы можете передать параметры Dev Proxy, добавив их в свойство args задачи start в файле tasks.json. Например, чтобы запустить прокси-сервер разработки в режиме записи --record, передайте аргумент:

Файл: VSCODE/tasks.json (задача с args)

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

См. также

  • Last updated on