在 Mac 上的 VSCode 中调试 Javascript答案

【问题标题】：Debugging Javascript in VSCode on Mac在 Mac 上的 VSCode 中调试 Javascript
【发布时间】：2017-12-03 22:08:47
【问题描述】：

我使用 VSCode 作为我的主编辑器，但是当我调试纯原生 javascript 时，我总是在浏览器中完成它。原因？因为我无法让调试器工作。

这可以用原生 javascript 实现吗？

我尝试过 chrome 调试器扩展，但总是超时。

我的 javascript 文件中只有一行代码

document.write("Hello World!");

我真的很想在 vscode 中使用调试器，但我运气不太好。

节点版本设置为v8.1.2

这是我的 launch.json 配置：

{
"version": "0.2.0",
"configurations": [
    {
        "type": "node",
        "request": "launch",
        "name": "Launch Program",
        "program": "${file}",
        "cwd": "${workspaceRoot}",
        "outFiles": ["${workspaceRoot}]/*.js"]
    }
]
}

我还需要做什么？

【问题讨论】：

标签： javascript google-chrome debugging visual-studio-code

【解决方案1】：

我可以在 Ubuntu 上做同样的事情，它也应该在 Mac 上工作，使用以下配置：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch index.html",
            "type": "chrome",
            "request": "launch",
            "file": "${workspaceRoot}/index.html",
            "userDataDir": "${workspaceRoot}"
        }
    ]
}

显然我的html 文件名为index.html 并位于工作区根目录中。

【讨论】：