@inspect-devtools/vite-vue

@inspect-devtools/vite-vue

Vite development plugin for locating the Vue source behind a rendered element.

pnpm add -D @inspect-devtools/vite-vue

import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'
import { inspectDevtoolsVue } from '@inspect-devtools/vite-vue'

export default defineConfig({ plugins: [vue(), ...inspectDevtoolsVue()] })

Press Alt+Shift+I, click an element, then Inspect Devtools copies an @relative/path source reference (understood by Cursor and Claude Code) and opens it at the precise file:line:column location in your editor. See the repository README for all shortcuts, options, and limitations.