在vscode中对Node.js进行debug

  1. 先记住哪个是启动文件
    在这里插入图片描述

  2. 点击这个再点击这个
    在这里插入图片描述

  3. 点击这个
    在这里插入图片描述

  4. 点击这个
    在这里插入图片描述

  5. vscode会自动帮你创建出launch.json的debug配置文件

    其中四个属性是最重要的, type, request, name 和 program
    type是语言的类型, 如PHP, Java, Node.js等

    request是debug的类型, vscode中有两种debug类型, launch 和 attach, 我们只需要知道launch这种类型就够了

    name是配置名, 用于区分不同的配置

    program是启动文件, 我们的启动文件在${workspaceFolder}/bin/www.js下, 所以要改
    在这里插入图片描述

  6. 改成这个
    在这里插入图片描述

  7. 该断点的断点
    在这里插入图片描述

  8. 点击这个, 开始debug
    在这里插入图片描述

  9. 左边是变量, 右边是debug控制器, 下面是输出和调试控制台

    debug控制器: 第一个是继续执行, 直到下一个断点. 第二个是单步跳过, 即继续执行下一行代码(不跳入函数). 第三个是单步调试, 即跳入函数并执行函数的第一行代码. 第四个是单步跳出, 即执行完该函数剩余的部分并跳出该函数.

    调试控制器的底行可以console.log()或直接输入变量名的命令来查看属性, 也可执行代码, 如给变量赋值
    在这里插入图片描述

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值