VSCode 上的调试器无法使用 Javascript

Question

UPDATE：这是一个关于如何配置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

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