本文摘自PHP中文网,作者V,侵删。
1、首先安装 Debugger for Chrome
插件
2、打开项目,按 F5 ,打开搜索框,选择 chrome
会打开launch.json文件,如图:
3、添加配置信息,如图:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | {
"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
}
|
结果如图:
4、更改调试方式,如图,选择左边的圆形按钮,然后出来这个调试配置管理界面,选择“使用本机 Chrome 调试”。
5、然后在项目的 js 处设置好断点,按 F5,就可以进行断点调试了。
相关文章教程推荐:vscode教程
以上就是vscode怎么断点调试js项目的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
vsCode怎样注释方法代码块
vsCode中配置和使用java的方法
vsCode调试无法加载类怎么办
vsCode可以编写php吗
vsCode无法启动怎么办
vsCode怎么关联unity
vsCode添加背景图片
vsCode设置中文不成功
vsCode如何设置智能提示
vsCode实现不显示“.meta”文件
更多相关阅读请进入《vsCode》频道 >>
转载请注明出处:木庄网络博客 » vscode怎么断点调试js项目