# Vue.js devtools

> DevTools extension for debugging Vue.js applications.

Canonical page: [https://chrome-stats.com/d/vue-js-devtools](https://chrome-stats.com/d/vue-js-devtools)

## Overview

- **ID:** `vue-js-devtools`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Vue.js
- **Category:** web-development,appearance
- **Daily users:** 56,196
- **Weekly downloads:** 371
- **Rating:** 4.70 / 5 (616 ratings)
- **Version:** 7.7.7
- **Last updated:** 2025-06-11
- **First published:** 2017-06-15
- **Size:** 3.61 MB
- **Data as of:** 2026-09-07
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/vue-js-devtools/)
- **Website:** [https://github.com/vuejs/devtools/issues](https://github.com/vuejs/devtools/issues)

## Description

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.

## Rankings

- #305 — Overall
- #26 — Web Development
- #56 — Appearance
- #16 — application
- #21 — debug
- #36 — tools

## Permissions and access

### Permissions

- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Low risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension was updated more than 6 months ago. Older versions are more likely to be stable and safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Review summary

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)

## Similar extensions and apps

- [Vue.js devtools](https://chrome-stats.com/d/vue-js-devtls) — 19 users
- [Vue Performance Devtool](https://chrome-stats.com/d/vue-performance-devtool) — 163 users, 2.60 / 5
- [Vue.js Devtools v6 (legacy)](https://chrome-stats.com/d/vue-js-devtools-v6-legacy) — 4,138 users, 3.00 / 5
- [Vue Devtools Unlocker](https://chrome-stats.com/d/vue-devtools-unlocker) — 26 users
- [Vue.js DevTools](https://chrome-stats.com/d/vuejsdevtools) — 2 users
- [Alpine.js devtools](https://chrome-stats.com/d/alpinejs-devtools) — 1,028 users, 4.71 / 5
- [Svelte Devtools](https://chrome-stats.com/d/svelte-devtools) — 1,255 users, 4.17 / 5
- [Ext JS 3 DevTools](https://chrome-stats.com/d/ext-js-3-devtools) — 4 users
- [Vue force dev](https://chrome-stats.com/d/vue-force-dev) — 494 users, 4.00 / 5
- [FicusJS devtools](https://chrome-stats.com/d/ficusjs-devtools)
- [TanStack Query DevTools](https://chrome-stats.com/d/tanstack-query-devtools) — 839 users, 5.00 / 5
- [vue-devtools](https://chrome-stats.com/d/vue-devtools) — 2 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/vue-js-devtools)