Aracılığıyla paylaş

Visual Studio Code hata ayıklama yapılandırmalarıyla Dev Proxy kullanma

Bir bakışta
Hedef: VS Code'da hata ayıklarken Geliştirme Proxy'sini otomatik olarak başlatma
Süre: 10 dakika
Eklentiler: Çeşitli
Önkoşullar:Geliştirme Ara Sunucusu, VS Code, Dev Proxy Araç Seti uzantısını ayarlama

Uzantı marketinden Dev Proxy Toolkit'i yükleyin. Uzantı, Dev Proxy için görevler ve izleyiciler sağlar.

Hata ayıklama yapılandırmanıza Geliştirme Proxy'si ekleme

start ve stop görevlerini projenizdeki tasks.json dosyasına ekleyin.

Tip

Dev Proxy görevlerini dosyanıza hızlı bir şekilde eklemek için devproxy-task-start ve devproxy-task-stop kod parçacıklarını tasks.json kullanın.

Dosya: .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 ve postDebugTask özelliklerini, dosyada tasks.json tanımladığınız görev etiketleriyle yapılandırın. Geliştirme Proxy'si uygulamanız çalışmadan önce başlar ve hata ayıklama tamamlandıktan sonra durur. Aşağıdaki örnek, Dev Proxy ve Node.js uygulamasıyla bir hata ayıklama oturumu başlatmak için launch.json dosyasının nasıl yapılandırılacağını göstermektedir.

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

Geliştirme Proxy'sine seçenekleri geçirme

args dosyasındaki start görevindeki tasks.json özelliğine seçenekler ekleyerek Dev Proxy'ye seçenekler geçirebilirsiniz. Örneğin, Dev Proxy'yi kayıt modunda başlatmak için bağımsız değişkenini --record geçirin:

Dosya: .vscode/tasks.json (args ile görev)

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

Ayrıca bakınız

  • Last updated on