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'.
vue3项目报错: backend.js:2119 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'Vue') at initBackend 。并且devtools动不动卡死
Works, but pretty buggy, often components are not shown, often pinia does't show, need to restart / refresh often to make it actually work. Also produces some errors in console like "TypeError: Cannot read properties of undefined (reading 'Vue') at initBackend (backend.js:2119:28)"
Stay away if using chrome. Constant crashes. Works well in firefox.
A veces no se muestra la pestaña de Vue en devtools y casi nunca toma los cambios realizados, toca cerrar y/o recargar la página. No se pueden visualizar los eventos ni el historial de rutas.
最近的版本会卡死点不动,若果是vue2的项目,还是用5.3.4的版本吧,功能流畅够用 https://chromewebstore.google.com/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp
very well
导致页面卡死严重
Overall it provides cool functionality. Especially I like possibility to see and change store in live mode. But performance of dev tools is terrible after each page refresh when this extension is turned on. It takes around 30 seconds after each page refresh to unfreeze devtools. Also sometimes you will need to reopen devtools and refresh the page to make this extension working.. Performance tab is very buggy as well, I thought that it would be a great to debug performance issues, but it seams to be completely useless and not helpful.
开启此插件竟然会导致我正常能打开的网页访问不了,排查了一上午发现开启插件天地图切片就加载不出来,必须停用缓存才能加载,耽误时间。vue2写的页面这个插件还是不要开启了,莫名其妙的bug
постоянно отваливается, нужно перезапускать расширение, обновлять страницу