Chrome开发者工具中的VSCode和远程调试

Question

是否有任何分步说明让初学者能够在Chrome开发者工具中看到运行VSCode代码的输出？

以下是我所做的： 已安装＆＃34;适用于Chrome的调试器＆＃34; 3.1.7 VSCode扩展 - 安装扩展OK，以及Live Server 1.6.7。 Launch.json文件显示如下。但是，即使我重新启动Chrome和VSCode，我也无法在Chrome Developer工具中看到任何日志。 谢谢！

{
    "version": "0.2.0",
    "configurations": [
       {
           "type": "chrome",
           "request": "launch",
           "name": "Launch Chrome against localhost",
           "url": "http://localhost:8080",
           "webRoot": "${workspaceRoot}"
       },
       {
           "type": "chrome",
           "request": "attach",
           "name": "Attach to Chrome",
           "port": 9222,
           "webRoot": "${workspaceRoot}"
       }
    ]
}