如何设置VS Code调试器跳过第三方库代码的调试与异常中断

问题原因 #

你之前配置的skipFiles规则未匹配到CDN资源的完整路径，VS Code的Edge/Chrome调试器识别远程加载的资源时，会带完整的http/https协议前缀，因此你写的code.jquery.com/jquery-3.6.0.min.js规则无法命中目标文件。

修复方案 #

1. 修正skipFiles规则 #

将launch.json中的skipFiles配置调整为带协议的匹配规则，可搭配通配符覆盖更多场景：

"skipFiles": [
    "<node_internals>/**",
    "https://code.jquery.com/jquery-3.6.0.min.js",
    "http://code.jquery.com/jquery-3.6.0.min.js",
    // 通用规则可选：匹配所有CDN加载的压缩版第三方库
    // "**/*.min.js",
    // "**/cdn*/**/*.js"
]

2. 兜底兼容配置 #

如果修改后仍然会在jQuery文件中断，可额外添加skipFileRegExps正则匹配规则，兼容旧版本VS Code调试器的远程资源匹配逻辑：

"skipFiles": [
    "<node_internals>/**",
    "https://code.jquery.com/jquery-3.6.0.min.js",
    "http://code.jquery.com/jquery-3.6.0.min.js"
],
"skipFileRegExps": [
    ".*code\\.jquery\\.com.*",
    ".*jquery.*\\.min\\.js$"
]

3. 生效验证 #

修改配置后重启调试会话即可，此时调试器会自动跳过匹配规则内的第三方文件异常，仅在你的业务代码异常时中断。

内容的提问来源于stack exchange，提问作者Steve Penn