DevTools for Vite

DevTools for Vite (@vitejs/devtools-vite) is a built-in integration that inspects the Vite dev server — the plugins that run and how each one transforms your modules.

What it does

• Plugin inspector — see the plugin pipeline and the order hooks run in.
• Module transforms — trace how a module's source changes as it passes through each plugin.

Getting started

DevTools for Vite ships with Vite DevTools. When its package is present it mounts automatically; otherwise open the Vite launcher in the dock to install it on demand, then restart the dev server. See Getting Started to set up Vite DevTools.