{"repo":"webfansplz/vite-plugin-vue-inspector","free":true,"listed":false,"github":"https://github.com/webfansplz/vite-plugin-vue-inspector","clone":"git clone https://github.com/webfansplz/vite-plugin-vue-inspector.git","description":"jump to editor source code while click the element of browser automatically.","language":"TypeScript","stars":805,"topics":["vite","vite-plugin","vue","vuejs","vscode","inspector","debug"],"license":"MIT","category":"ui-components","readme_excerpt":"vite-plugin-vue-inspector Jump from a Vue element in the browser to its source file in your editor. This package is Vue 3 and Vite only. It records source locations from Vue's compiled render output with Vite source maps, and uses dev-only data-v-inspector DOM markers as a fallback for cases such as Vapor mode or nodes missed by VNode instrumentation. The browser overlay is drawn by client/overlay with DOM/SVG APIs instead of a Vue SFC. It can also register itself as a Vite DevTools dock action through @vitejs/devtools-kit . Install Vite Press Command+Shift on macOS or Ctrl+Shift on Windows/Linux to toggle the inspector. Click a highlighted element to open the source location in your editor. Nuxt Use the Vite plugin directly and append the client loader to Nuxt's entry module: Vite DevTools Vite DevTools integration is enabled by default: When the dock action is activated, the inspector is enabled and editor opening goes through the Vite DevTools RPC. Options Client API The overlay exposes a browser control object: Headless helpers are also available: To use the built-in DOM overlay directly: Playgrounds","default_branch":null,"files":null,"tree":[],"storefront":"/r/webfansplz","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/webfansplz/vite-plugin-vue-inspector/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}