---
url: /guide/ide.md
---

# IDE 集成

## VS Code 官方 {#vs-code}

[GitHub](https://github.com/vitest-dev/vscode) | [VS Code 市场](https://marketplace.visualstudio.com/items?itemName=vitest.explorer)

![vscode 中 vscode 扩展的 gif 动图](https://i.ibb.co/bJCbCf2/202203292020.gif)

## JetBrains IDE

WebStorm、PhpStorm、IntelliJ IDEA Ultimate 以及其他 JetBrains IDE 均内置支持 Vitest。

[WebStorm 帮助](https://www.jetbrains.com/help/webstorm/vitest.html) | [IntelliJ IDEA Ultimate 帮助](https://www.jetbrains.com/help/idea/vitest.html) | [PhpStorm 帮助](https://www.jetbrains.com/help/phpstorm/vitest.html)

![Vitest WebStorm 演示](https://raw.githubusercontent.com/kricact/WS-info/main/gifs/vitest-run-all.gif)

## Wallaby.js 付费（开源项目免费）

由 [Wallaby 团队](https://wallabyjs.com) 创建

[Wallaby.js](https://wallabyjs.com) 会在您输入时立即运行 Vitest 测试，并在您的 IDE 中代码旁边高亮显示结果。

[VS Code](https://marketplace.visualstudio.com/items?itemName=WallabyJs.wallaby-vscode) | [JetBrains](https://plugins.jetbrains.com/plugin/15742-wallaby) |
[Visual Studio](https://marketplace.visualstudio.com/items?itemName=vs-publisher-999439.WallabyjsforVisualStudio2022) | [Sublime Text](https://packagecontrol.io/packages/Wallaby)

![Wallaby VS Code 演示](https://wallabyjs.com/assets/img/vitest_demo.gif)