---
title: "vite-plugin-vue-inspector"
description: "Adds a click-to-source overlay so option-clicking an element in the browser opens the exact component line in your editor."
canonical: "https://vibing.inc/library/vite-plugin-vue-inspector-vg-0945"
category: "Dev Utilities & Vibe-Coding Tooling"
subcategory: "Perf & debugging"
license: "MIT"
author: "webfansplz (@webfansplz)"
source: "https://github.com/webfansplz/vite-plugin-vue-inspector"
---

# vite-plugin-vue-inspector
Adds a click-to-source overlay so option-clicking an element in the browser opens the exact component line in your editor.
## Facts
- Source: https://github.com/webfansplz/vite-plugin-vue-inspector
- Category: Dev Utilities & Vibe-Coding Tooling / Perf & debugging
- Author: webfansplz (@webfansplz)
- Licence: MIT
- Tags: vite, devtools, dx, editor
## Why it's a gem
Erases the hunt for which file draws this box. Instantly useful when styling.
---
Listed in The Vibeary: https://vibing.inc/library/vite-plugin-vue-inspector-vg-0945 · JSON: https://vibing.inc/api/public/library/gems/vite-plugin-vue-inspector-vg-0945