首先确保Jest以--inspect-brk模式运行并在launch.json中配置Attach调试，然后通过npm run test:debug启动测试并用F5连接，断点即可生效。

在 VS Code 中为 Jest 测试用例设置断点，可以让你调试测试代码时更直观地查看变量值、调用栈和执行流程。整个过程不需要复杂的配置，只要正确启动 Jest 的调试模式即可。

启用 Jest 调试模式

Jest 默认不会暂停执行来等待调试器连接，因此需要以 --inspect 或 --inspect-brk 模式运行。

推荐在 package.json 中添加一个调试脚本：

"scripts": {
  "test:debug": "node --inspect-brk -r ts-node/register ./node_modules/jest/bin/jest.js --runInBand"
}

说明：

• --inspect-brk：让 Node 在第一行代码暂停，确保有时间连接调试器。
• -r ts-node/register：如果你使用 TypeScript，这能支持直接运行 ts 文件。
• --runInBand：防止 Jest 并行运行测试，避免多个进程干扰调试。

配置 VS Code 启动文件

在项目根目录下创建 .vscode/launch.json，添加调试配置：

兴泰网络办公系统1.61

基于 Internet 的 Web 技术，完全采用B/S 体系结构的网络办公系统。该系统具有安全性高、功能极为强大、可在广域网中使用也可在局域网中使用、也可以同时在局域网和广域网中使用的特点，全傻瓜式安装，无需作复杂配置，界面采用类似windows资源管理器的设计，结构清晰，条理分明，即使不熟悉电脑的人也可很快掌握全部操作。该系统通过在广域网内的广泛试用验证和经专业技术人员的调试、测试，确认具有很

0 查看详情

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Attach to Jest",
      "type": "node",
      "request": "attach",
      "port": 9229,
      "cwd": "${workspaceFolder}",
      "outFiles": ["${workspaceFolder}/**/*.js"]
    }
  ]
}

这个配置会连接到运行在 9229 端口的 Node 调试器（Node 默认调试端口）。

开始调试步骤

• 打开终端，运行 npm run test:debug。Jest 会启动并暂停，等待调试器连接。
• 在 VS Code 中按 F5 或点击“运行和调试”侧边栏的“运行”按钮，启动 attach 配置。
• 当连接成功后，你之前在测试文件中设置的断点就会生效。
• 可以在测试代码中任意一行点击行号左侧设断点，执行到该行时会自动暂停。

小贴士

如果你使用的是 J*aScript 而非 TypeScript，可以去掉 -r ts-node/register。如果想只调试某个特定测试文件，可以在命令后加上文件路径：

npm run test:debug -- my-component.test.ts

也可以在 launch.json 中直接配置自动启动模式（使用 request: "launch"），但 attach 方式更稳定常见。

基本上就这些。只要 Jest 以可调试方式运行，并且 VS Code 成功连接，断点就能正常工作。不复杂但容易忽略的是 --runInBand 和正确的启动顺序。

以上就是在VS Code中为Jest测试用例设置断点的详细内容，更多请关注其它相关文章！

# 兴泰  # 前端项目seo是什么  # 承接设计的网站建设  # 51自学网网站建设  # 禁止复制seo  # 辽源seo培训如何营销  # 保定抖音seo厂家  # 网站建设ag  # 铁皮石斛seo  # 快手短视频营销推广怎么做  # seo精进之道视频  # 多项  # 可在  # 网中  # 工作流  # vs code  # 调试器  # 如果你  # 的是  # 网络办公系统  # 中为  # typescript  # node  # json  # js  # vscode  # java  # javascript  # jest 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： 126邮箱网页版官方入口 126邮箱账号在线登录平台  yy漫画网页版官方入口_yy漫画官网登录页面链接  Yandex搜索引擎一键访问入口_俄罗斯Yandex官网免登录  谷歌学术网站直达地址 谷歌学术搜索网页版一键进入  Python自定义类排序：解决lambda键值访问TypeError的实践指南  C++ explicit关键字防止隐式转换_C++构造函数安全规范  快手网页版在线登录 快手网页版官网入口快速访问  深入理解rpy2中的类型转换：优化Python对象到R矩阵的映射  Golang如何通过reflect操作map_Golang reflect map操作与遍历技巧  Yandex浏览器官方网页版入口 Yandex浏览器最新版官网  蛙漫官方正版入口 蛙漫网页在线全集免费观看  快速CSGO开箱网站指南 CSGO开箱平台推荐  一加Ace 6T实拍样张首次公布！李杰：主摄实力完全看齐4K档性能旗舰  J*a递归快速排序中静态变量导致数据累积问题的解决方案  Yandex免登录官网入口_俄罗斯Yandex搜索引擎直达链接  照顾宝贝2小游戏免费秒玩入口  mc.js游戏直达 mc.js网页免下载版本秒进地址  格力空气能E5故障代码是什么情况_格力空气能E5代码解析与应对措施  机构：以往存储涨价周期小米利润率实际上有所改善 能转嫁给消费者等  J*aScript教程：根据元素文本内容动态设置背景色  12306选座怎么选到特殊座位_12306特殊座位选择注意事项  夸克AO3官网入口_AO3镜像网站2025推荐  解决Bootstrap卡片顶部边距导致背景图下移的问题  c++ 获取系统当前时间 c++时间戳获取方法  CSS响应式网页如何实现主次模块比例自适应_flex-grow与flex-shrink调整  Adobe PDF表单中利用J*aScript解析与格式化日期组件的教程  一加Ace 6T支持全新明眸护眼：通过了最严苛的护眼小金标认证  Win11 USB传输速度慢怎么解决 Win11 USB驱动更新与设置  深入理解J*a链表中的IPosition接口与使用  Node.js中HTML按钮与J*aScript函数交互的正确姿势  谷歌邮箱注册显示错误Gmail服务器异常与延迟处理  qq游戏手机版下载安装_qq游戏移动端入口  实现分段式页面滚动导航：CSS与J*aScript教程  b站怎么取消点赞_b站点赞取消操作方法  GemBox Document HTML转PDF垂直文本渲染问题及解决方案  拷贝漫画电脑版官网入口 拷贝漫画(PC版)在线直达  如何高效处理PHP中的Excel数据导入导出？PortPHP/Spreadsheet助你轻松搞定！  搜狗浏览器如何使用密码生成器创建强密码 搜狗浏览器内置密码安全工具  2026春节假期票务安排_2026春节放假购票指南  菜鸟取件码是什么怎么查 最全查询渠道汇总  从OpenAI API响应中高效提取生成文本  漫蛙2正版漫画站 漫蛙2网页版快速访问入口  C++ map遍历方法大全_C++ map迭代器使用总结  高德地图总提示网络异常怎么办 高德地图离线导航设置与网络排查方法  腾讯QQ邮箱登录入口_QQ邮箱官方网站使用地址  如何在 Windows 11 中启动游戏手柄设置  PHP高效扁平化嵌套数组：使用array_merge与数组解包操作符  Golang如何使用bytes.Split分割字节切片_Golang bytes切片分割方法  c++如何实现一个简单的ECS框架_c++数据驱动设计与游戏开发  jQuery Mask 插件中实现电话号码固定前导零的教程