vscode中jest快捷键有效需同时满足三前提：插件已安装激活、终端可执行npx jest --version、settings.json配置"jest.jestcommandline":"npx jest"；常用组合包括ctrl+shift+p调用jest命令及鼠标悬停绿色▶图标运行测试。
VSCode 里 Jest 单元测试的快捷键本身不直接运行或调试测试——真正起作用的是配置 + 扩展 + 按键组合，不是 Ctrl+Shift+P 里随便搜个“test”就能跑通。
快捷键依赖的前提：Jest Runner 或 vscode-jest 插件必须激活
没装插件，或者插件找不到 jest 命令，所有快捷键都无效。常见失效现象：
- 按
Ctrl+Shift+P→ 输入 “Jest: Run All Tests” 没反应 - 测试文件左侧没有绿色 ▶ 图标
- 状态栏不显示 Jest 图标（带数字的 ?）
必须满足三个条件：
- 项目根目录有
package.json，且含"test": "jest"脚本，或存在jest.config.js - 终端里能执行
npx jest --version并返回版本号 - VSCode 设置中明确指定命令：在
settings.json加"jest.jestCommandLine": "npx jest"（pnpm 项目用"pnpx jest"）
真正可用的快捷键组合（不是单个按键）
这些快捷键背后调用的是插件逻辑，不是 VSCode 原生功能：
-
Ctrl+Shift+P→ 输入Jest: Run All Tests：运行全部测试（等效于npx jest） -
Ctrl+Shift+P→ 输入Jest: Debug All Tests：启动调试模式跑全部（需launch.json配好--runInBand） - 打开一个
*.test.ts文件，把光标停在某个test()或it()函数内，再按Ctrl+Shift+P→Jest: Debug Current Test：只调试当前用例 - 鼠标悬停在测试函数左侧的绿色 ▶ 上，按
Ctrl+ 点击：直接运行该测试（无弹窗、无命令面板）
注意：F5 不是通用快捷键——它只触发 launch.json 里当前选中的配置，如果没选对“Debug Jest Tests”，F5 会跑你主应用或报错。
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
launch.json 配置决定快捷键能否断点命中
断点不生效？90% 是 launch.json 缺关键参数。以下字段缺一不可：
-
"program"：macOS/Linux 用"${workspaceFolder}/node_modules/.bin/jest"；Windows 必须用"${workspaceFolder}/node_modules/jest/bin/jest.js" -
"args"必须含"--runInBand"（否则多进程，断点静默失效） - 调试单文件时，加
"--runTestsByPath"和"${file}"，别用--inspect-brk——它会让调试器卡在 Jest 入口，徒增一次F5 - TypeScript 项目还必须确认
tsconfig.json含"sourceMap": true和"inlineSources": true
Windows 用户特别容易踩坑：.bin 目录在 Windows 下可能不存在，node_modules/jest/bin/jest.js 才是可靠路径；重启 VSCode（不是重载窗口）才能让新配置和 source map 生效。
vscode-jest 插件 v5 的快捷键行为变化
v5 版本默认禁用自动调试配置生成，快捷键更依赖显式设置：
-
Jest: Setup Extension命令不再自动生成launch.json，需手动创建或复制模板 -
Jest: Toggle Auto Run快捷键（默认未绑定）需自行在键盘快捷方式里设为Ctrl+Alt+T类组合 - 右键菜单里的
Debug Test选项，只对函数级test()生效，对describe()块无效 - 插件图标不亮？检查
jest.rootPath是否设为"."（不能留空，也不能写""）
复杂点在于：快捷键只是入口，背后每一步都依赖环境路径、source map 解析、Jest 启动模式三者对齐。少一个环节，就只剩“按钮点了没反应”或“断点红点变灰”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
