本文摘自PHP中文网,作者V,侵删。
VSCode 上装一个插件:Debugger for Chrome
用VSCode装载项目
按F5,出现搜索框,选择 Chrome
然后出现个配置的提示,并打开了launch.json这个文件
在这个文件里添加一段配置信息
1 2 3 4 5 6 7 8 9 10 11 12 13 | {
"name" : "使用本机 Chrome 调试" ,
"type" : "chrome" ,
"request" : "launch" ,
"file" : "${workspaceRoot}/index.html" ,
"runtimeExecutable" : "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe" ,
"sourceMaps" : true,
"webRoot" : "${workspaceRoot}" ,
"userDataDir" : "${tmpdir}" ,
"port" :5433
}
|
然后,更改调试方式
如图,选择左边的圆形按钮,然后出来这个调试配置管理界面,选择“使用本机 Chrome 调试”。
然后在项目的 js 处设置好断点,按 F5,就可以进行断点调试了。
相关文章教程推荐:vscode教程
以上就是vscode断点调试js项目的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
vsCode下载插件报错怎么办
在右键添加vsCode快捷方式
如何删除一键安装的vsCode
vsCode可以编写php吗
vsCode使用pylint插件禁用e1101报错
vsCode无法激活conda环境
vsCode设置中文的方法
浅谈vsCode使用i18n-ally插件实现国际化
vsCode如何写汉字
vsCode如何配置latex环境?
更多相关阅读请进入《vsCode》频道 >>
转载请注明出处:木庄网络博客 » vscode断点调试js项目