最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

VSCode上的调试器无法使用Javascript

IT培训 admin 5浏览 0评论

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。

发布评论

评论列表 (0)

  1. 暂无评论