Vitest Testing
提供Vitest测试框架的最佳实践与模式指南
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Vitest Testing。 它的用途是：提供Vitest测试框架的最佳实践与模式指南 完整的 Skill 内容见：https://321skill.com/skills/vitest-testing-x-7/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我正在为我的Vue组件编写单元测试，但不知道如何模拟一个外部的API服务。’，它会根据Vitest的最佳实践，指导你使用`vi.mock`来模拟该模块，并提供清晰的代码示例和模拟策略。或者，当你问：‘如何配置Vitest以优化我的测试运行速度？’，它会提供关于配置`vitest.config.ts`、设置测试环境隔离和使用缓存等方面的具体建议。
介绍
本Skill旨在解决开发者在编写单元测试、集成测试以及配置Vitest时遇到的常见问题，提供经过验证的模式和最佳实践。它详细讲解了如何高效使用Vitest的核心功能，包括配置vitest.config文件、使用vi.mock和vi.fn进行模拟、编写可维护的测试用例等。
通过提供清晰的代码示例和模式指导，本Skill帮助开发者快速上手Vitest，避免常见的测试陷阱，提升测试代码的质量和开发效率。它尤其适合那些希望从Jest迁移到Vitest，或希望深化Vitest使用技巧的开发者。
适合前端开发、全栈开发、测试工程师等角色使用，特别是那些正在或计划在Vite生态项目中使用Vitest作为主要测试框架的团队和个人。对于需要确保代码质量、进行测试驱动开发或维护大型测试套件的项目尤为有益。
使用建议：建议结合具体项目实践，从基础配置和简单测试用例开始，逐步应用更高级的模拟和模式。注意，本Skill侧重于实践指南，而非完整的API文档，因此建议与官方文档配合使用以获得最佳效果。
核心特点
与通用的Vitest入门教程不同，本Skill聚焦于经过实战检验的“模式”和“最佳实践”，提供了从基础配置到高级模拟（如vi.mock）的深度指导，而非简单的API罗列。它特别强调了在Vite项目中的集成和优化，这是许多同类资源所欠缺的。
注意事项
本Skill不提供完整的Vitest API参考手册，也不适用于学习其他测试框架（如Jest、Mocha）或进行端到端（E2E）测试。
常见问题
如何从Jest迁移到Vitest？
本Skill提供了迁移模式和配置对比，帮助你平滑过渡，重点关注API差异和配置调整。
如何用vi.mock模拟第三方模块？
Skill中详细讲解了vi.mock的使用模式，包括自动模拟、手动模拟以及在测试文件中的最佳放置位置。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/vitest-testing-x-7/raw/index.md 读取 Vitest Testing 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/vitest-testing-x-7/raw/index.md（查看排版版本）