• 技术文章 >开发工具 >VSCode

    vscode中如何断点调试nodejs

    青灯夜游青灯夜游2021-06-02 19:45:44转载484

    在平时前端开发时,前端代码在浏览器上能很方便的断点调试,那么如果要调试node后端接口的话,该如何实现断点调试呢?

    配置

    vscode打开node项目点击左侧调试按钮

    image-20210422114604687

    点击Run and Debug

    image-20210422115211686

    选择语言为nodejs

    image-20210422115306221

    点击设置按钮添加配置

    image-20210422115355821

    【推荐学习:《vscode教程》】

    更改lanuch.json配置文件

    image-20210422115449595

    添加自己的项目启动脚本文件和配置

    {
        // 使用 IntelliSense 了解相关属性。 
        // 悬停以查看现有属性的描述。
        // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "type": "node",
                "request": "launch",
                "name": "启动程序",
                "env": {
                    "NODE_ENV": "development"
                },
                "program": "${workspaceFolder}/bin/www"
            }
        ]
    }
    //program这个是我自己的node项目的启动文件

    再次点击断点调试按钮启动断点调试

    image-20210422115727574

    直接点击启动程序启动断点调试

    image-20210422141138335

    直接在代码左侧需要断点的位置打个断点标记,执行方法是会自动出发断点

    image-20210422141453212

    然后通过上面的调试按钮一步步断点

    image-20210422141603851

    鼠标悬浮还可以看到断点的数据

    image-20210422141655187

    当然也可在debug console控制台输出断点数据的结果 相当于浏览器断点是的console控制台

    image-20210422141944344

    如果要结束断点直接点击上面的暂停键

    image-20210422141743539

    以上就是整个vscode断点配置和断点调试的教程

    更多编程相关知识,请访问:编程入门!!

    以上就是vscode中如何断点调试nodejs的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:segmentfault,如有侵犯,请联系admin@php.cn删除
    专题推荐:vscode 断点调试 nodejs
    上一篇:VScode如何禁止自动升级 下一篇:浅谈vscode中怎么搭建eslint开发环境
    大前端线上培训班

    相关文章推荐

    • vscode如何设置智能提示• 详解vscode中如何更简单、有效地调试Node.js程序!!• 如何在vscode中运行html代码• 如何使用VSCode配置C语言环境• 20+前端常用的vscode插件(总结推荐)• 详解vscode中如何格式化vue文件

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网