VSCode上的调试器无法使用Javascript
更新:这是有关如何配置VSCode来调试Javascript的问题。我了解它使用的是Node.js(我不知道),javascript始终可以在浏览器中运行,但是我希望能够单步执行代码,而不必编写数百个console.log()语句来查看内容。它在做。
[试图在VScode中为Java脚本设置调试,但没有进行调试,它会继续打开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: /?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/app.js"
},
}
在此方面的任何帮助将不胜感激。
回答如下:如果我对您的理解正确,您想使用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
更新:这是有关如何配置VSCode来调试Javascript的问题。我了解它使用的是Node.js(我不知道),javascript始终可以在浏览器中运行,但是我希望能够单步执行代码,而不必编写数百个console.log()语句来查看内容。它在做。
[试图在VScode中为Java脚本设置调试,但没有进行调试,它会继续打开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: /?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/app.js"
},
}
在此方面的任何帮助将不胜感激。
回答如下:如果我对您的理解正确,您想使用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。