如何在VSCode（Visual Studio代码）中同时调试HTML和JavaScript？

Question

我已经看到了一些调试javascript应用程序的示例，例如下面的launch.json：

{
    "version": "0.1.0",
    "configurations": [
        {
            "name": "Launch Bjarte's app",
            "type": "node",
            "program": "app.js",
            "stopOnEntry": true,
            "args": [],
            "cwd": ".",
            "runtimeExecutable": null,
            "runtimeArguments": [],
            "env": {},
            "sourceMaps": false
        },
        {
            "name": "Attach",
            "type": "node",
            "address": "localhost",
            "port": 5858,
            "sourceMaps": false
        }
    ]
}

这将运行js文件，但我不明白如何与应用程序交互。

Answer 1

现在可以通过Chrome remote debugging和Microsoft发布的扩展，在vscode中调试Chrome web页面。Chrome调试器

从该页面中可以看到，有两种调试模式：启动和附加。我只设法使用附加模式，可能是因为我没有服务器运行。这个扩展具有所有重要的调试工具的功能：局部变量，断点，控制台，调用堆栈。

重新审视vscode的另一个原因是，它现在对ECMAScript 6有智能感知支持，它显示的方法在我尝试过的其他“类似智能感知”的解决方案中是不可见的，如SublimeCodeIntel或最新版本的WebStorm。