DevTools for inspecting the DevTools itself
- Types
- ESM
- License
- MIT
- Install Size
- 376.3 kB(40.8 MB)
- Vulns
- 0
- Published
$
npm install @vitejs/devtools-self-inspect$
pnpm add @vitejs/devtools-self-inspect$
yarn add @vitejs/devtools-self-inspect$
bun add @vitejs/devtools-self-inspect$
deno add npm:@vitejs/devtools-self-inspect$
vlt install @vitejs/devtools-self-inspect$
vp add @vitejs/devtools-self-inspect@vitejs/devtools-self-inspect
A Vite DevTools plugin for inspecting the DevTools itself. Useful when developing or debugging DevTools plugins built with @vitejs/devtools-kit.
Features
- List all registered RPC functions with their metadata (type, schema, cacheability, etc.)
- List all registered dock entries
- List all registered client scripts
- List all Vite plugins with DevTools support and their capabilities
Installation
pnpm add -D @vitejs/devtools-self-inspectUsage
Add the plugin to your Vite config:
import { DevToolsSelfInspect } from '@vitejs/devtools-self-inspect'
// vite.config.ts
import { defineConfig } from 'vite'
export default defineConfig({
devtools: true,
plugins: [
DevToolsSelfInspect(),
],
})A "Self Inspect" panel will appear in the DevTools dock, giving you a live view of the registered RPC functions, docks, client scripts, and DevTools-enabled plugins.