Vitest Testing
提供Vitest测试框架的模式与最佳实践指南
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Vitest Testing。 它的用途是：提供Vitest测试框架的模式与最佳实践指南 完整的 Skill 内容见：https://321skill.com/skills/vitest-testing-x/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我正在用Vitest测试一个Vue组件，但不知道如何模拟它的Pinia store依赖，有什么最佳实践吗？’，它会提供使用vi.mock模拟Pinia store的代码示例，并解释如何隔离测试状态。或者，
对AI说：‘我的vitest.config.ts文件应该怎么配置才能同时运行单元测试和E2E测试？’，它会给出一个支持多测试环境配置的示例文件。
介绍
本Skill旨在解决开发者在编写单元测试、集成测试以及配置Vitest时遇到的常见问题，提供经过验证的模式和最佳实践。
它通过提供具体的代码示例、配置模板和最佳实践建议来指导用户。例如，它会展示如何正确使用vi.mock进行模块模拟，如何配置vitest.config文件以适应不同项目结构，以及如何编写高效且可维护的测试用例。
本Skill非常适合前端开发、全栈开发和测试工程师，特别是那些使用Vite生态进行项目开发，希望提升测试代码质量和效率的开发者。
使用建议：在开始新项目的测试编写或重构现有测试时，可参考本Skill中的模式。注意事项：本Skill侧重于Vitest框架本身，对于特定UI库（如Vue/React）的测试组件，可能需要结合其他专门资源。
核心特点
专注于Vite生态下的Vitest测试框架，提供了从基础配置到高级模拟（如vi.mock, vi.fn）的完整实践指南，而非泛泛而谈的通用测试理论。
注意事项
不适用于Jest、Mocha等其他测试框架，也不提供特定于某个UI库（如React Testing Library）的深度集成测试方案。
常见问题
如何用Vitest模拟一个外部模块？
可以使用vi.mock('module-path')进行模拟，本Skill提供了多种模拟场景的示例。
如何配置Vitest以支持TypeScript和别名？
在vitest.config.ts中配置，本Skill包含了处理tsconfig路径别名和类型检查的配置示例。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/vitest-testing-x/raw/index.md 读取 Vitest Testing 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/vitest-testing-x/raw/index.md（查看排版版本）