So debuggen Sie js mit vscode

Wie debugge ich js mit vscode?

Beim Debuggen von JavaScript-Code gibt es zwei relativ einfache Methoden.

1. Verwenden Sie Browser wie Chrome zum Debuggen

2. Konfigurieren Sie die JavaScript-Ausführungsumgebung in vscode

In diesem Artikel wird hauptsächlich die zweite Methode vorgestellt

Konfiguration Schritte:

1. Laden Sie Node.js herunter und installieren Sie es (Node.js ist eine laufende Umgebung für JavaScript)

Diese finden Sie auf der offiziellen Website von Node.js oder der chinesischen Website

2 .Vscode konfigurieren

Klicken Sie in vscode auf die Schaltfläche „Debuggen“, um die Datei launch.json zu öffnen (oder verwenden Sie Strg+Umschalt+P, um launch.json einzugeben)

Hinzufügen

"version": "0.2.0",
    "configurations": [{
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/1.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "runtimeArgs": ["--nolazy"],
            "env": { "NODE_ENV": "development" },
            "externalConsole": false,
            "preLaunchTask": "",
            "sourceMaps": false,
            "outDir": null
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]

Hinweis: ${workspaceRoot} ist der absolute Pfad der aktuellen Programmarbeit.

3. Debuggen

Erstellen Sie eine neue js-Datei, ändern Sie 1.js im Programm in launch.json in den Dateinamen, den Sie debuggen möchten, und fügen Sie die geänderte Datei unter dem absoluten Pfad ein

(function name(params) {
    console.log("message");
})();

Verwenden Sie F5 zum Debuggen und erhalten Sie

node --debug-brk=37692 --nolazy Untitled-1.js
Debugger listening on [::]:37692
message

Erfolgreich debuggen

Verwandte Empfehlungen: vscode-Tutorial

Das obige ist der detaillierte Inhalt vonSo debuggen Sie js mit vscode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!