VSCode 上的调试器不适用于 Javascript

Question

更新：这是一个关于如何配置 VSCode 以调试 Javascript 的问题。我知道它使用 Node.js，我不知道，javascript 总是在浏览器中工作，但我希望能够单步执行代码而不是编写数百个 console.log() 语句只是为了看看它在做什么。

正在尝试为 VScode 中的 Javascript 设置调试，但没有成功，它一直在打开 launch.json 文件，但我不知道我需要什么放在那里使这项工作。我是 Javascript 的新手，只是浏览器中的运行东西，我假设 Node.js 是一种独立的 JavaScript 引擎，所以我安装了它。我在 linux mint 计算机上安装了 Node v4.2.6 和：

which node

结果：

/usr/bin/node

我很困惑，这是节点的正确路径吗？如何将它添加到此配置中，我无法弄清楚 key/value 对应该是什么。这里是 launch.json 文件吐出：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
    {
        "type": "node",
        "request": "launch",
        "name": "Launch Program",
        "program": "${workspaceFolder}/app.js"
    },
}

如有任何帮助，我们将不胜感激。

Answer 1

如果我没理解错的话，你想在浏览器中用 VSCode 调试 JavaScript 运行ning。对吗？

如果是这样的话，在 node 中调试 JavaScript 运行ning 将没有多大价值，因为 node 可能缺少代码所依赖的 API（例如 DOM).相反，您需要让 JavaScript 运行在浏览器中使用 VSCode.

进行调试

有针对不同浏览器的扩展，它们主要使用 DevTools Protocol: vscode-firefox-debug, vscode-chrome-debug, vscode-edge-debug2。

仅引用 vscode-firefox-debug 项目页面：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch index.html",
            "type": "firefox",
            "request": "launch",
            "reAttach": true,
            "file": "${workspaceFolder}/index.html"
        }
    ]
}

这将在新的 FireFox 选项卡中打开 ${workspaceFolder}/index.html，您将能够使用 VSCode 对其进行调试。它会与捆绑器、源映射和所有爵士乐一起变得令人讨厌，但这是你应该得到的要点：运行 JavaScript 在浏览器中，使用扩展将 VSCode 连接到 DevTools .

VSCode 上的调试器不适用于 Javascript

debugger on VSCode not working with Javascript

javascript

node.js

vscode-debugger