首页 > 开发工具 > VSCode > vscode断点加不上的解决方法

vscode断点加不上的解决方法

angryTom
发布: 2020-02-05 17:01:05
原创
7206 人浏览过

vscode断点加不上的解决方法

vscode断点加不上的解决方法

1,VS CODE 安装扩展Debugger for Chrome 。

2,打开launch.json,在configurations的数组中添加配置:

{
    "type": "chrome",
    "request": "launch",
    "name": "使用Chrome 调试",
    "url": "http://localhost:4200",
    "webRoot": "${workspaceRoot}",
    "sourceMaps": true
}
登录后复制

3,回到代码中,鼠标在VS CODE 的做左侧移动会发现一个暗红色的小圆点,想要在哪里调试,就在哪里点亮这个小红点。

相关文章教程推荐:vscode教程

4,点亮相关业务中的断点后,按F5,会自动打开chrome浏览器,访问相关业务,即可进入断点中。

微信截图_20200205165718.png

以上是vscode断点加不上的解决方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
visual-studio-code - vscode-vim使用本地.vrimrc
来自于 1970-01-01 08:00:00
0
0
0
VScode建html的时候不出来<HTML>框架
来自于 1970-01-01 08:00:00
0
0
0
node.js - vscode不能跳转到代码
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板