vscode vue代码或者前端代码断点调试

joken-前端工程师 / 2024-11-07 / 原文

步骤

  • 先代码行点击断点
    image

  • 点击调试按钮
    image

  • 添加调试的项目配置
    image

  • 接着配置
    写入代码运行的端口,和项目名称
    image

  • 开始运行断点调试
    image

  • 接着自动会跳出浏览器
    image

  • vscode中断点的代码生效了,可以查看数据信息
    image
    image

  • 停止断点
    关闭浏览器即可