Vue.js devtools (beta)

DevTools browser extension for Vue.js

What is Vue.js devtools (beta)?

Vue.js devtools (beta) is a browser extension for debugging Vue.js applications, currently in the beta channel with a brand-new re-implementation built with Vue 3. It allows users to report any issues on the GitHub repository and may cause conflicts with the stable version of Vue devtools.

Download

Extension stats

By: vuejs-dev

View on Chrome Web Store

Users: 100,000+

Rating: 3.79 (147)

Version: 7.0.0 beta 12 (Last updated: 2024-10-24)

Creation date: 2019-03-25

Risk impact: Moderate risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 3

Permissions:

scripting

Host permissions:

<all_urls>

Size: 2.66M

Email: ev*****@vuejs.org

URLs: Privacy policy

Ranking

# 2368 ▼ 21

Other rankings

#2732 in Developer Tools ▼ 1 #7 in beta keyword 22 ▲ 7 #108 in channel keyword 32 ▼ 4

Other platforms

Vue.js devtools (v6.6.3)

4.73

(603) 84,557+

Vue.js devtools (v6.6.3)

3.40

(80) 302,921+

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Chrome DevTools extension for debugging Vue.js applications.

Thank you for trying the Vue.js devtools Beta! If you have any issue, please report them on the GitHub repository.

This is the beta channel with a brand-new re-implementation, built with Vue 3.

Note the beta channel may cause conflict with the stable version of Vue devtools. If the Vue icon is lit but the Vue tab doesn't show up in devtools, please temporarily disable the stable version and re-open the page.

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

UI is slicker and attaches correctly to the dev tools
Faster than previous versions for some users
Helpful for debugging Vue applications when it works

Cons

Issues with performance on large applications
Does not reliably detect Vue.js or show the Vue panel
Frequent errors and bugs, especially with Vue 3
Missing features like search and multi app instance support

Most mentioned

Errors related to undefined properties and hooks
Cannot see if a value is reactive
Not loading or working as expected
Performance issues with heavy mutations or large stores

Recent reviews

There is an issue: everytime when Vue dev tool is open in the development panel, I get an error and get it again and again when I change a page: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'name') user-app.js

Adrian “Razor” V3, 2024-11-20

It was working perfectly until i started using pinia getters Now everytime i open vue devtools and emit an input change which triggers pinia state changes it throws me the error RangeError: Maximum call stack size exceeded. If i don't use devtools it works perfectly. I tried checking if there are no circular refs, but i found none. I found these 2 issues: - https://github.com/vuejs/devtools-v6/issues/1301 - https://github.com/vuejs/devtools-next/issues/420 But i still don't know what is going on :(