如何在VSCode (Visual Studio Code)中同时调试HTML和JavaScript？
当我点击F5时，我想在迷你网站上运行和调试一个带有javascript文件的html页面。
如何配置VSCode在浏览器中打开html页面，然后允许我在javescript文件中设置断点，这些断点将由我在浏览器中与应用程序的交互触发？
在Visual Studio中，这将“正常工作”，因为它会启动自己的web服务器IIS Express。在VSCode中，我不确定如何设置launch.json和/或tasks.json来创建一个简单的node.js web服务器并为index.html提供服务。
我见过一些调试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文件，但我不明白如何与应用程序交互。
回答 5
Stack Overflow用户
发布于 2015-12-21 04:23:15
现在可以通过Chrome远程调试和微软发布的扩展在vscode中调试Chrome网页。Debugger for Chrome
从该页面可以看到，有两种调试模式:启动模式和附加模式。我只能设法使用附加模式，可能是因为我没有运行服务器。这个扩展具有所有重要的调试工具的功能:局部变量、断点、控制台、调用堆栈。
重新访问vscode的另一个原因是，它现在支持ECMAScript 6的IntelliSense，它显示了我尝试过的其他“类似IntelliSense”的解决方案中看不到的方法，比如SublimeCodeIntel或最新版本的WebStorm。
Stack Overflow用户
发布于 2015-06-26 23:48:40
VSCode将使用node启动您的应用程序，这意味着您的应用程序正在某个端口上运行。你可以通过访问http://localhost:PORT/来与你的应用程序交互，如果你在app.js中设置了一个断点，那么一旦你访问了运行在本地via节点的站点，它就会被击中。这是一个很好的演示https://channel9.msdn.com/Blogs/cloud-with-a-silver-lining/hello-visual-studio-code-nodejs
Stack Overflow用户
发布于 2019-06-05 08:45:38
我不想仅仅为了一些超文本标记语言和JavaScript (不像一个类似的例子)而运行服务器(与类似的例子不同)这个VS代码启动配置和'Debugger for Chrome‘扩展在我的Windows10机器上做到了：
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch HTML file",
"type": "chrome",
"request": "launch",
"file": "${file}"
}
]
}https://stackoverflow.com/questions/31071172
复制相似问题