讲师中心 微信公众号
AI工具推荐 视频效率加速

VSCode怎么配置Bun测试框架运行_VSCode如何运行Bun内置的单元测试功能【指南】

小婷君_6746

小婷君_6746

发布时间:2026-03-30 11:34:52

|

167人浏览过

|

来源于php中文网

原创

VSCode 中需配置 tasks.json、命名规范、安装 Bun Test Explorer 插件及 launch.json 才能正常运行、发现、显示和调试 Bun 测试。

vscode怎么配置bun测试框架运行_vscode如何运行bun内置的单元测试功能【指南】

VSCode 里直接运行 Bun 测试失败:缺 task 配置

Bun 自带 bun test,但 VSCode 默认不认识它——没配置 tasks.json,右键“Run Test”或点击测试旁的 ▶️ 按钮会静默失败或报错 command 'testing.run' not found

必须手动告诉 VSCode:用 bun test 当测试执行器,且要支持 --watch、--filter 等参数。

  • 在项目根目录建 .vscode/tasks.json
  • 写入标准 shell 类型 task,label 设为 test(VSCode 测试面板默认找这个 label)
  • command 必须写全路径或确保 bun 在 PATH 中;推荐用 npx bun test 避免环境差异
  • "group": "test",否则 VSCode 不识别为测试任务
{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "test",
      "type": "shell",
      "command": "bun test",
      "args": ["${fileBasename}"],
      "group": "test",
      "presentation": {
        "echo": true,
        "reveal": "always",
        "focus": false,
        "panel": "shared",
        "showReuseMessage": true,
        "clear": true
      },
      "problemMatcher": []
    }
  ]
}

Bun 测试不自动发现:文件名/路径不符合约定

Bun 默认只跑 *.{test,spec}.{js,ts,jsx,tsx} 文件,且要求在 test 目录或顶层——如果文件叫 utils_test.ts 或放在 src/__tests__/bun test 会直接跳过。

  • 改名:用 utils.test.ts 而非 utils_test.ts
  • 别嵌太深:把测试文件放 test/ 下,或和源码同级(如 src/utils.ts 对应 src/utils.test.ts
  • 强制指定:调试时可在终端手动运行 bun test src/utils.test.ts 验证单个文件是否可执行
  • 注意大小写:.Test.ts 不匹配,必须是小写 .test.ts

VSCode 测试侧边栏显示“no tests found”:缺少测试适配器

VSCode 的测试 UI(左侧面板 Test 图标)依赖测试适配器协议(Test Adapter Protocol),Bun 原生不提供。不装插件,就只能靠终端或 tasks.json 手动跑,侧边栏永远空。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载
  • 装官方插件:Bun Test Explorer(作者:jnoortheen)——目前唯一稳定支持 Bun 的测试浏览器
  • 装完重启 VSCode,它会自动扫描 bun test --list 输出并渲染测试树
  • 注意:该插件依赖项目有 bun.lockbbun 可执行;若提示 “bun not found”,检查 PATH 或在插件设置里填绝对路径(如 /opt/homebrew/bin/bun
  • 不兼容旧版 Bun:v1.1.0+ 才支持 --json 输出,插件需要它解析结果;低于此版本会卡住

断点调试 Bun 测试进不去:没启用 source map 或 launch 配置错

VSCode 调试器默认不理解 bun test 的运行时上下文,直接点调试按钮会启动失败或断点失效。

  • 必须用 .vscode/launch.json 配置 runtimeExecutable 指向 bun
  • args 设为 ["test", "--inspect-brk", "${file}"],让 Bun 启动调试服务
  • sourceMaps 设为 true,且确保 TS 编译输出含 .map 文件(tsconfig.json"sourceMap": true
  • 别用 Node.js 预设:选 “Bun” 环境(如果插件支持)或手动设 type: "pwa-node" + runtimeExecutable

最简能用的 launch.json 片段:

{
  "configurations": [
    {
      "name": "Debug Bun Test",
      "type": "pwa-node",
      "request": "launch",
      "runtimeExecutable": "bun",
      "args": ["test", "--inspect-brk", "${file}"],
      "console": "integratedTerminal",
      "sourceMaps": true,
      "outFiles": ["${workspaceFolder}/dist/**/*.js"]
    }
  ]
}

测试文件里打 debugger,再按 F5,才能真正停住——光写 bun test 是不会触发 VSCode 调试通道的。

热门AI工具

更多
UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

1935

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2562

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

896

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2859

2025.09.10

golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

390

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

323

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

473

2025.11.17

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

243

2025.11.27

Aionclaw智能助手介绍
Aionclaw智能助手介绍

本专题汇总了AionClaw(AI龙虾助手)的功能介绍与在线使用入口。AionClaw是杭州趣猿人工智能有限公司推出的桌面级AI智能体,能直接在电脑上读写文件、运行脚本、操作浏览器,自动交付Word、PPT、Excel等成品。

20

2026.09.20

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn