VS Code Test Explorer UI使用指南：一站式管理你的测试

Test Explorer UI通过适配器集成Jest、Pytest等框架，提供侧边栏集中管理测试。1. 安装Test Explorer UI扩展；2. 安装对应语言的测试适配器；3. 配置文件正确时，侧边栏显示测试树，支持运行、调试、查看结果，提升效率。

VS Code 的 Test Explorer UI 是一个强大的工具，能帮你把项目里各种测试集中管理起来。它本身不运行测试，而是通过一个叫“适配器”的桥梁，连接像 Jest、Pytest、Go test 这样的具体测试框架。装好对应的适配器后，你就能在一个清晰的侧边栏里看测试、跑测试、查结果，效率会高很多。

安装与核心配置

要让 Test Explorer 工作，需要两步：先装通用的 UI 界面，再装对应你编程语言的测试适配器。

• 安装 Test Explorer UI：打开 VS Code 的扩展商店 (Ctrl+Shift+X)，搜索 “Test Explorer UI” 并安装。这是所有测试显示的窗口。
• 安装测试适配器：这是关键一步，决定了你能测什么代码。
  • 前端 (Jest)：搜索并安装 “vscode-jest” 或 “Jest Test Adapter”。
  • Python (pytest/unittest)：搜索并安装 “Python Test Explorer for VS Code”。
  • Go (go test)：官方 Go 扩展通常已内置测试支持，确保已安装 “Go” 官方插件。
  • C++ (gtest)：可以尝试 “C++ TestMate” 配合 “Test Explorer UI”。
• 检查项目配置：大多数适配器会自动查找项目里的测试配置文件（如 jest.config.js, pytest.ini）。如果没扫描出测试，重启 VS Code 或检查配置文件路径是否正确。

在侧边栏中运行和管理测试

配置成功后，侧边栏会出现一个“试管”图标，点击就能打开测试面板，这里是你操作的核心区域。

秒哒

秒哒-不用代码就能实现任意想法

349

查看详情

• 浏览测试结构：面板会以树状图展示你的测试套件 (Suites)、测试用例 (Tests)。结构通常和你的测试文件组织方式一致。
• 运行特定测试：找到你想运行的测试或测试套件，点击它旁边的播放按钮 (▶️) 即可。你可以只运行单个失败的测试来快速验证修复。
• 运行全部测试：点击顶部的 “Run All Tests” 按钮，一键执行项目中所有测试。
• 查看实时状态：测试运行时，状态会实时更新。绿色对勾表示通过，红色叉号表示失败，黄色感叹号表示跳过。编辑器代码行号旁边的 gutter 区域也会有颜色标记，一眼看出哪些代码被测到了。

解读结果与调试问题

当测试失败时，Test Explorer 能帮你快速定位原因。

• 查看错误详情：点击一个失败的测试，下方通常会显示详细的错误信息和堆栈跟踪 (stack trace)。对于 Python 和 Node.js 项目，输出现在多显示在“终端”(Terminal) 标签页，体验更接近命令行。
• 利用上下文菜单：右键点击某个测试，会弹出菜单，提供“Debug”（调试）选项。选择它，VS Code 会启动调试器，你可以设置断点，一步步执行代码，观察变量值，精准找出 bug。
• 重新运行：修改代码后，可以直接在测试旁边再次点击播放按钮，无需回到命令行输入指令。很多适配器还支持 “autoRun” 模式，保存文件后自动重新运行相关测试。

以上就是VS Code Test Explorer UI使用指南：一站式管理你的测试的详细内容，更多请关注php中文网其它相关文章！