“Offer 驾到，掘友接招！我正在参与2022春招打卡活动，点击查看活动详情。”

点击左侧边栏的小虫 -- 添加配置 -- 选择相应配置添加进launch.json -- 点击左上角的绿色小三角进行调试

// launch.json中配置说明 
${file} 	调试当前文件
${workspaceFolder}	当前工作目录

打断点小技巧：

⭐打断点，将断点打在代码执行处，例如循环处、函数调用处，而不把断点打在变量、函数声明处。

step讲解

对于三个调试按钮单步跳过、单步调试、单步跳出，总是不是很清楚它们的功能与作用，今天终于有机会好好理清楚它们的作用关系了

// 示例代码
function s(i){
    console.log("world"+i)
    console.log("-----------kkkkk---------")
    console.log("bye")
    console.log("bye")
    console.log("bye")
}
for(let i = 0; i<3; ++i){
    s(i)
    console.log("end"+i)
}

概述

单步跳过和单步调试在没有遇到函数时，执行效果是一样；

在遇到函数时，单步跳过会把函数当成一条语句来执行，不会进入函数内部而是直接得到函数运行结果。而单步调试会进入函数内部进行调试。

单步跳出，在单步调试进入到函数内部时候，进行一次性执行完函数内剩下代码，跳出函数的操作，例如使用场景，在进入s函数后，我调试到"-----------kkkkk---------"一步后，s函数剩下的代码我一次性执行完回到调用完s函数处的下一步即console.log("end"+i)处，就可以使用单步跳出。