Vue.js devtools (beta)

DevTools browser extension for Vue.js

Vue.js DevTools (Beta) - Chrome Extension

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

Users: 100,000+

Rating: 3.79

(149)

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

# 2,358 ▼ 5

Other rankings

#2740 in Developer Tools ▲ 5 #4 in beta keyword 28 ▲ 4 #115 in channel keyword 13 ▲ 3

Other platforms

Vue.js Tutorial Offline (v1.4)

3.13

(108) 7,130+

Vue.js devtools (v6.6.3)

4.73

(604) 85,722+

Vue.js devtools (v6.6.3)

3.40

(81) 302,904+

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

Slick UI
Faster than previous version (v6)
Helpful when functioning correctly

Cons

Frequent errors and bugs
Performance issues on large applications
Does not properly display reactive values
Inconsistent loading issues

Most mentioned

Error messages when using the extension
Problems related to Vue 3 compatibility
Complaints about slow performance
Issues with pinia and vuex state changes

User reviews

Can I watch an item's state without clicking, like in vscode?

Beatrix Ducz, 2024-12-10

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 :(