配置VS Code以调试Jest、Pytest等测试框架-VSCode-PHP中文网

配置VS Code以调试Jest、Pytest等测试框架

P粉986688829

发布： 2025-12-01 20:45:11

原创

377人浏览过

答案：正确配置VS Code的launch.json文件可实现Jest和Pytest测试框架的高效调试。首先确保环境和依赖已安装，然后在项目根目录创建.vscod...（摘要截断，实际需完整）

配置vs code以调试jest、pytest等测试框架

要在 VS Code 中高效调试 Jest、Pytest 等测试框架，关键是正确配置 launch.json 文件，并确保相关环境和依赖已安装。下面分别介绍如何为不同测试框架设置调试功能。

Jest 调试配置（Node.js 项目）

适用于使用 Jest 进行 JavaScript/TypeScript 单元测试的项目。

前提条件：

项目中已安装 Jest（通过 npm/yarn/pnpm）
VS Code 已安装 Debugger for Node.js 扩展（通常内置）

步骤：

在项目根目录创建 .vscode/launch.json 文件
添加以下配置用于调试所有或单个测试文件：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Jest Tests",
      "type": "node",
      "request": "launch",
      "runtimeExecutable": "npx",
      "runtimeArgs": ["jest", "--runInBand", "--coverage", "false"],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen",
      "disableOptimisticBPs": true,
      "cwd": "${workspaceFolder}"
    },
    {
      "name": "Debug Current Test File",
      "type": "node",
      "request": "launch",
      "runtimeExecutable": "npx",
      "runtimeArgs": [
        "jest",
        "${relativeFile}",
        "--runInBand"
      ],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen",
      "disableOptimisticBPs": true,
      "cwd": "${workspaceFolder}"
    }
  ]
}

登录后复制

说明：

--runInBand 防止并行执行，便于调试
${relativeFile} 允许右键某个 test 文件时只运行该文件
使用 integratedTerminal 可看到完整输出

Pytest 调试配置（Python 项目）

适用于使用 Pytest 的 Python 测试项目。

前提条件：

已安装 Python 扩展（由 Microsoft 提供）
虚拟环境激活且 pytest 已安装

方法一：通过命令面板快速调试

Shakker

多功能AI图像生成和编辑平台

103

查看详情

打开一个测试文件
按 Ctrl+Shift+P 输入 “Debug Active Test” 并执行
VS Code 会自动识别测试函数并启动调试

方法二：手动配置 launch.json

创建或编辑 .vscode/launch.json：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Current Pytest File",
      "type": "python",
      "request": "launch",
      "module": "pytest",
      "args": [
        "${file}",
        "-v"
      ],
      "console": "integratedTerminal",
      "justMyCode": true,
      "cwd": "${workspaceFolder}"
    },
    {
      "name": "Debug Specific Test Function",
      "type": "python",
      "request": "launch",
      "module": "pytest",
      "args": [
        "${file}::test_example_function",
        "-v"
      ],
      "console": "integratedTerminal",
      "justMyCode": true,
      "cwd": "${workspaceFolder}"
    }
  ]
}

登录后复制

说明：

module: "pytest" 表示调用 pytest 模块
${file} 替换为当前打开的文件路径
可指定具体函数名进行更精准调试

通用技巧与建议

在代码中设置断点后，点击测试旁的“Run | Debug”装饰器按钮最方便
确保 launch.json 位于 .vscode 目录下
若使用虚拟环境，可在 settings.json 中指定解释器路径：
"python.defaultInterpreterPath": "./venv/bin/python"
对 TypeScript 项目，确保 sourceMap 开启并在 tsconfig.json 中配置正确

基本上就这些。只要配置好 launch.json，VS Code 就能像调试普通脚本一样调试测试用例，支持断点、变量查看、调用栈等完整功能。

以上就是配置VS Code以调试Jest、Pytest等测试框架的详细内容，更多请关注php中文网其它相关文章！