先记住哪个是启动文件

点击这个再点击这个

点击这个

点击这个

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下, 所以要改

改成这个

该断点的断点

点击这个, 开始debug

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

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

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