Bagikan melalui

Gunakan Dev Proxy dengan konfigurasi debug di Visual Studio Code

Sekilas
Tujuan: Mulai Otomatis Dev Proxy saat melakukan debugging di Visual Studio Code
Waktu: 10 menit
Plugin: Berbagai
Prasyarat:Menyiapkan Proksi Dev, Visual Studio Code, Ekstensi Dev Proxy Toolkit

Instal Dev Proxy Toolkit dari marketplace ekstensi. Ekstensi ini menyediakan tugas dan pengamat untuk Dev Proxy.

Tambahkan Proxy Dev ke konfigurasi debug Anda.

Tambahkan tugas start dan stop ke file tasks.json di proyek Anda.

Tip

Gunakan cuplikan devproxy-task-start dan devproxy-task-stop untuk menambahkan tugas Dev Proxy dengan cepat ke file Anda 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"
        }
    ]
}

Konfigurasikan properti preLaunchTask dan postDebugTask dengan label tugas yang Anda tentukan dalam berkas tasks.json. Dev Proxy dimulai sebelum aplikasi Anda berjalan dan berhenti setelah debugging selesai. Contoh berikut menunjukkan cara mengonfigurasi launch.json file untuk memulai sesi debug dengan Dev Proxy dan aplikasi 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"
            }
        }
    ]
}

Lanjutkan opsi ke Proksi Dev

Anda dapat meneruskan opsi ke Dev Proxy dengan menambahkannya sebagai properti args pada tugas start dalam file tasks.json. Misalnya, untuk memulai Dev Proxy dalam mode perekaman, berikan --record argumen:

File: .vscode/tasks.json (tugas dengan args)

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

Lihat juga

  • Last updated on