Vue.js devtools

Name: Vue.js devtools
Rating: 4.7094 (616 reviews)
Author: Vue.js

By: Vue.js

DevTools extension for debugging Vue.js applications.

Download

Install

Features & Capabilities

Vue.js devtools is a Chrome extension designed to simplify the debugging process for Vue.js applications. It provides developers with an intuitive interface to inspect component hierarchies, track state changes, and streamline troubleshooting. Whether you're building a complex single-page application or a simple Vue project, this tool boosts productivity by making it easier to identify issues and understand app behavior.

Enjoy real-time inspection and debugging capabilities tailored specifically for the Vue.js framework. Vue.js devtools integrates directly into Chrome's developer tools, providing a seamless experience without the need for additional setups. It's an essential tool for Vue.js developers aiming to improve code quality and accelerate development cycles.

User Growth & Download Statistics

Add-on Developer Tools Programming

By:

Vue.js

Daily users:

59,321 -206

Rating:

4.71

(616)

Version:

7.7.7 Last updated: 2025-06-11

Version code:

5964136

Creation date:

2017-06-15

Risk:

Permissions:

<all_urls>

Content scripts matches:

<all_urls>

Size:

3.61MB

URLs:

Website

Full description:

Source:

Firefox Add-ons Store

Data ingested on:

2026-06-17

Compare stats and ranking:

Ranking

# 292 ▲ 1

Other rankings

#26 in Web Development

#55 in Appearance

#14 in application keyword 37

#18 in debug keyword 39

#35 in tools keyword 66

Upgrade to see more rankings

Other platforms

Vue.js devtools (v6.6.3)

348,246 3.20

(122)

For Developers

Monetize with App Pass Boost with Extension Booster

Contact the developer

Chrome-Stats does not own this Firefox add-on. Please use these information below to contact the Firefox add-on developer.

Developed by:

Vue.js

Firefox Add-ons Store

https://addons.mozilla.org/firefox/addon/vue-js-devtools/

Website:

https://github.com/vuejs/devtools/issues

Permission Change History

2025-06-11: Version 6.6.3 → 7.7.7

Remove Permissions: storage

User Reviews

Users generally praise the Vue.js devtools as a helpful, reliable tool for inspecting and editing component state and aiding Vue development. Repeated complaints center on the tree auto-expanding (making the UI hard to read) and intermittent UI bugs (timeline hangs and the panel not appearing consistently).

Pros

Useful and helpful for Vue.js development — good for visualizing and editing component/module state
Works well/reliable in normal use (several users report it 'works perfectly' or 'pretty well')
Overall positive reception and strong recommendation for Vue debugging and development

Cons

Inspector tree auto-expands by default, making the UI crowded/unreadable and forcing users to collapse nodes repeatedly
Occasional UI instability (timeline can hang with a spinning wheel; the devtools panel sometimes fails to display reliably)

Recent reviews

by li*****, 2026-02-15

Works well. Due to the new "vite-plugin-vue-devtools" plugin, it might see less use. The browser extension also seemed to consume a lot of memory over time (probably due to state change tracking, for Pinia) which sometimes did require restarts/closing the tab to start fresh. BUT this might not be intended but enabling the Vue.js devtools firefox addon somehow changes how XML documents are handled by firefox. When enabled, XML documents only shows the text content (which is annoying) while disabled, I see the default structured tree view. Could you please remove this XML mimetype handling? Or at least offer a configuration option (I have not found any) to allow users to opt-in/-out of it?

by Er*****, 2025-11-12

Tab doesn't show up in developer options on Firefox 144.0.2. Freshly installed, enabled/disabled, restarted Firefox, gave it all permissions, turned off all other extensions, removed and re-installed, can't get it to work. The option to show the tab is checked, tried toggling that as well.

by Fi*****, 2025-11-07

View all user reviews ›

Is Vue.js devtools Safe?

Risk impact

Risk impact measures the level of extra permissions an extension has access to. A low risk impact extension cannot do much harms, whereas a high risk impact extension can do a lot of damage like stealing your password, bypassing your security settings, and accessing your personal data. High risk impact extensions are not necessarily malicious. However, if they do turn malicious, they can be very harmful.

Vue.js devtools requires a few sensitive permissions. Exercise caution before installing.

Risk impact analysis details

Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********

Risk likelihood

Risk likelihood measures the probability that a Firefox add-on may turn malicious. This is determined by the publisher and the Firefox add-on reputation on Firefox Add-ons Store, the amount of time the Firefox add-on has been around, and other signals about the Firefox add-on. Our algorithms are not perfect, and are subject to change as we discover new ways to detect malicious extensions. We recommend that you always exercise caution when installing a Firefox add-on.

Vue.js devtools has earned a fairly good reputation and likely can be trusted.

Risk likelihood analysis details

Low This extension was updated more than 6 months ago. Older versions are more likely to be stable and safe.
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Low **** ********* *** **** **** ****** ******* ********** **** ****** ** ** ****** *** *****
Good **** ********* *** **** **** *******