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'.
Supports Vue3 and therefore is completely uselful to my project.
为什么这个插件开始劫持网页自动跳转Google了?
什么垃圾玩意,一点都不稳定,vue2项目经常出不来,得关闭整个浏览器再打开,用一会儿又消失了
只要打开插件,网页就卡死无法操作
Immediately after this new update: Version 7.7.7 (released on June 23, 2025), keeps crashing my local app, doubles the memory footprint (from chrome task manager) and crashes with "Aw! Snap Out of memory" error. the memory footprint doubles only when the extension is available, without extension i.e. incognito mode, the app doesnt crash and the memory footprint of my app is half and works fine.
从小我就想当Vue开发高手,别人都好奇我咋调试得那么溜,那代码改得对手直懵圈,嘿,可得归功于一个“小工具”呀!每次遇到问题,我都会偷偷打开它,感觉瞬间就被“赋能”,各种组件、状态一览无余,仿佛我是被Vue DevTools开光了一样,分分钟定位问题,那效率简直像开了挂!
从写前端那会儿我就立志做代码界的 MVP,同事们都好奇我为啥调试得那么丝滑。嘿,这全赖 Vue .js DevTools!每次开工前我都会悄悄把它召唤出来,感觉瞬间获得满格能量,Bug 被点到立刻原地升天,仿佛我的项目被 DevTools 开光加持了一样。
Does not support Vue2 and therefore unfortunately is completely useless to my workplace.
perfect
when chrome updated , the dev tools is in small box in console and i can't use that , please fix the extenstion ASAP. King Regards