问题分析
使用vscode写html代码,装好debugger for chrome之后,打开文件显示无法
localhost 拒绝了我们的连接请求
解决方法
在launch.js文件中
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
添加一行代码“file”,得到下面:
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
"file": "${workspaceFolder}/hello.html"
}
]
}
其中hello.html填写自己的文件名称
参考
VSCode tasks.json中的各种替换变量的意思 ${workspaceFolder} ${file} ${fileBasename} ${fileDirname}等
https://blog.csdn.net/bat67/article/details/78302870
VS Code插件之Debugger for Chrome
https://blog.csdn.net/xdcx950288/article/details/80640918