Question

更新：这是一个有关如何配置VSCode来调试Javascript的问题。我了解它使用的是Node.js（我不知道），javascript始终可以在浏览器中运行，但是我希望能够单步执行代码，而不必编写数百个console.log（）语句来查看内容。它在做。

试图在VScode中为Javascript设置调试，但没有进行调试，它会继续打开launch.json文件，但我不知道需要在其中放置什么才能使它工作。我是Java的新手，只是在浏览器中运行东西，我假设Node.js是一种独立的JavaScript引擎，所以我确实安装了它。我在Linux Mint计算机上安装了Node v4.2.6 和：

which node

导致：

/usr/bin/node

我很困惑，这是节点的正确路径吗，以及如何将其添加到此配置中，我无法确定键/值对应该是什么。这是会弹出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。对吧？

如果是这种情况，调试在node中运行的JavaScript不会有太大的价值，因为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一起使用

1 个答案: