Vscode添加谷歌Debug插件
1.
2.安装好 Debugger for Chrome之后,找到要进行Debug的文件
3.
4.进入到launch.json文件中进行相应的配置
配置文件内容如下:
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
//为调试的主机设置一个名称
"name": "使用本机Chrome调试",
//配置此属性可以做到点击哪个文件就能去debug哪个文件
"file": "${file}",
"sourceMaps": true,
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}",
"userDataDir": "${tmpdir}",
// 告诉vscode可以通过连接chrome浏览器的9222端口对http://localhost:8080网页进行调试;
"port": 9222
},
]
}
5.完成相应的配置文件之后,选择要debug的文件,按F5就可以进入Debug模式了
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步