AI product readChrome DevTools extension for debugging and inspecting Vue.js applications
Provides developers with specialized tools to inspect, debug, and profile Vue.js applications directly in Chrome DevTools, which is not possible with standard browser DevTools alone
1. Install extension and navigate to a page with Vue.js. 2. Extension automatically detects Vue.js via content scripts (prepare.js runs at document_start in MAIN world). 3. Extension popup shows Vue detection status (enabled/disabled/Nuxt/VitePress). 4. Open Chrome DevTools and find the Vue panel. 5. Inspect component tree, view component state/props/events, debug application state. 6. Use graph visualization to understand component relationships.
Detects Vue.js presence on web pages and shows detection status in extension popupAdds dedicated Vue panel to Chrome DevTools for component inspectionDisplays component tree hierarchy with parent-child relationshipsInspects component state, props, computed properties, and emitted eventsSupports Vue 2 (with migration guide to Vue 3) and Vue 3 applicationsDetects and provides specialized icons for Nuxt and VitePress frameworks
- Target users
- Vue.js developers / Frontend developers building with Vue.js framework / Developers using Nuxt.js or VitePress / Frontend developers debugging Vue component hierarchies and state
- The extension source code is minified, making some analysis less precise. However, the core architecture is clear from entry files and manifest.
- Cannot verify if external Vue.js ecosystem tools (like Vue DevTools desktop app or VS Code extension) have paid features, but this Chrome extension itself is completely free.
- The large vis.js graph visualization library (1.9MB) contains many false positive keyword matches that are part of the library code, not the extension's own functionality.
MonetizationNo paid features detected
Vue.js devtools is a completely free, open-source developer tool (GitHub: vuejs/devtools). There are no payment mechanisms, subscription models, feature gating, or upgrade prompts anywhere in the codebase. The 'pro' keyword matches are all false positives hitting Vue component 'props' properties and Object.prototype methods. The extension has no integration with payment platforms, no billing APIs, and no premium feature indicators.
- Confidence
- 95
- Payment platform
- --
- Source
- AI / High
- Login required
- No
- Reason
- Vue.js devtools is a local browser extension that works entirely within Chrome DevTools without requiring any user authentication or account creation. The extension operates by injecting scripts into pages to detect Vue.js instances and communicate with a devtools panel. No login UI, authentication flows, or account management features exist in the codebase. The keyword matches for 'token', 'session', 'account', and 'auth' are all false positives from the vis.js graph visualization library (HammerJS touch sessions), DOM token lists, MIT license text, and mathematical comments like 'accounting for the positions'.
Red on black is hard to read at times.. It is actively developed so maybe we will get some theme options for xmas..
Works like a charm with and devs were blazing fast in adding new keyboard shortcut (CTRL+S) for quick component selection.
[_____Vue DevTools v7 log_____] prepare.js:1 Vue DevTools v7 detected in your Vue2 project. v7 only supports Vue3 and will not work.
The "state" component section does not update when I select a component, or take several minutes to update itself. I lost the keyboard shortcut to select a component from clicking on it. Yes the new UI is cool but I lost the main features I was using from the Devtools. Sad that I have to manually downgrade to a legacy version, because it automatically upgraded to a broken newer version...
感覺使用起來體感有變好,但更改 pinia 的值,如果 console 打開在側選欄,寬度不夠的情況下,input 就會太小不好輸入更改
新版界面和交互都明显更好,但是有个致命问题:太卡了
С Vue3 работает отлично. Для приложений на Vue2 установил предыдущую версию. Большое спасибо авторам, приложение сильно помогает в разработке.
No longer able to copy anything without having to copy value or copy path, design went backwards and hurts the eyes with its new colors
why my dev-tool version be updated ?
The dev tools no longer highlight components in the browser window when checking them in the dev tools. Seems to be somewhat broken at this point.