vitest 的调试技巧
javascript debugger Terminal 调试
- vscode 打开终端,点击+右边的下拉标,选择 javascript debugger Terminal,进入调试模式
- 通过输入命令如 pnpm test 或 pnpm test 文件名,可以执行和调试测试文件。
- 执行下一个测试只需点击一下,方便快捷。
- 可以通过 control + c 退出调试模式。
- 可以在 settings.json 中配置 skip files 等选项。
Launch Scripts 调试
- 在 launch.json 中进行配置,选择 vitest.js 作为脚本执行。
- 配置 run 和 debug 选项,执行当前文件或测试脚本。
- 通过 F5 快捷键执行测试,确保选择了正确的运行环境。
Vite 插件调试
- 安装 vscode 中的 Vitest 插件。
- 通过插件面板或快捷键执行和调试测试。
- 利用插件列表查看测试功能和执行结果。
可视化测试界面
- 使用 vitest UI 查看所有可执行的测试。
- 通过界面查看模块图和文件依赖关系。
- 点击运行测试,观察执行结果。