A Vite plugin that jumps to your IDE's source code when you click browser elements, supporting Vue 2, 3, and SSR.
vite-plugin-vue-inspector is a Vite plugin that enables click-to-source navigation for Vue.js applications. It allows developers to click on UI elements in the browser during development and automatically open the corresponding Vue component file in their local IDE. This bridges the gap between browser inspection and code editing, making debugging and navigation significantly faster.
Vue.js developers using Vite as their build tool who want to improve their development workflow and reduce context switching between browser and editor.
Developers choose this plugin because it provides a seamless, intuitive way to navigate from browser elements to source code, supporting both Vue 2 and 3 with extensive IDE compatibility and flexible configuration options.
jump to editor source code while click the element of browser automatically.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Seamlessly works with both Vue 2 and Vue 3, including SSR configurations, making it versatile for legacy and modern projects.
Supports over 20 editors from VS Code to Vim, ensuring wide usability across different developer setups.
Offers customizable toggle keys, button visibility, and programmatic control via a global API for tailored workflows.
Explicitly does not work with template engines like Pug, reducing its utility for projects relying on such syntax.
Requires manual configuration of LAUNCH_EDITOR environment variables for many IDEs, which can be error-prone and platform-specific.
Only functions in development mode, providing no value in production or testing environments and potentially adding to bundle confusion if misconfigured.