首页 > 其他 > 详细

Vscode添加谷歌Debug插件

时间:2019-07-05 17:18:01      阅读:143      评论:0      收藏:0      [点我收藏+]

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模式了

 

Vscode添加谷歌Debug插件

原文:https://www.cnblogs.com/xiaomaomao/p/11139449.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!