OSS TanbouOn this page
Overview
Vue DevTools 8.2.1 is a Vue debugging toolkit available as a Vite plugin, standalone application, and Chrome or Firefox extension for inspecting application behavior during development.
Features and best fit
Based on official documentation; not hands-on tested · Content checked:
Key features
Integrate DevTools directly into a Vite development environment
vite-plugin-vue-devtools can be added to Vite configuration to expose Vue DevTools while the development server is running.
Use standalone and browser-extension delivery modes
The README lists a standalone application plus Chrome and Firefox extensions alongside the Vite plugin.
Sources: [1]
Best fit
Fits development workflows that need visibility into complex Vue application state
It helps inspect component structures, routing, reactive state, and plugin behavior that are difficult to trace using browser console output alone.
Sources: [1]
Before adoption
vite-plugin-vue-devtools 8.2.1 supports Vite 6, 7, and 8
The plugin declares Vite ^6.0.0 || ^7.0.0 || ^8.0.0 as a peer dependency, so Vite major upgrades should be evaluated with the plugin version.
Sources: [2]
Version 8.2.1 stops bundling Vite and Vue Router types into declarations
The release fixes declaration generation so Vite and Vue Router types are not unnecessarily bundled, reducing type-level coupling for consumers.
Sources: [3]
Official sources
- [1]Vue DevTools v8.2.1 README(2026-10-05)
- [2]vite-plugin-vue-devtools 8.2.1 package metadata(2026-10-05)
- [3]Vue DevTools v8.2.1 release(2026-10-05)
- [4]Vue DevTools MIT license(2026-10-05)
Supplemental curator note
The current Vue DevTools repository covers the v7+ line, while legacy v6 lives in a separate repository. vite-plugin-vue-devtools 8.2.1 supports Vite ^6, ^7, or ^8.
Try it in 3 steps
- 1
Install pinned Vue DevTools Vite plugin 8.2.1
Create an isolated npm project with the reviewed plugin and a Vite version inside its peer range.
demo=$(mktemp -d "${TMPDIR:-/tmp}/vue-devtools.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-dev --save-exact vite-plugin-vue-devtools@8.2.1 vite@6.0.0 - 2
Verify package versions
Require the plugin and Vite to match the reviewed versions.
test "$(node -e "const fs=require('fs');const v=p=>JSON.parse(fs.readFileSync(p)).version;console.log(v('node_modules/vite-plugin-vue-devtools/package.json')+'/'+v('node_modules/vite/package.json'))")" = '8.2.1/6.0.0' - 3
Check the Vite plugin export
Verify the plugin factory can be imported without starting a development server.
test "$(node --input-type=module -e "import VueDevTools from 'vite-plugin-vue-devtools';console.log(typeof VueDevTools)")" = 'function'
Growth
Growth trends · Last 30 days
2,920 Stars
Trend data is still being collected.
Development activity
Last 90 days · weekly
- Commits (last 30 days)
- 15
- Open PRs
- 30
Development activity is still being collected.
Built with
Categories and tags
Categories
GitHub data
GitHub dataView detailed GitHub data
- Stars
- 2,920
- Forks
- 280
- Watchers
- 11
- Open issues
- 111
- Contributors
- 84
- Owner type
- Organization
- Primary language
- TypeScript
- License
- MIT
- Repository last updated
- Oct 2, 2026
Related information
Write a related articleShare a guide or use case for this OSS in Markdown. Articles are published after administrator approval.
Explore next
- create-vue4,410 Stars
3 shared tag(s) · 1 shared category(s) · Same language
Scaffold Vite-powered Vue projects with optional TypeScript, routing, state, tests, and linting
TypeScript - Vue I18n2,714 Stars
3 shared tag(s) · 1 shared category(s) · Same language
Manage translation messages, locales, and formatting for Vue 3 applications
TypeScript - Vue Macros1,984 Stars
3 shared tag(s) · 1 shared category(s) · Same language
Add compile-time macros and syntax sugar to Vue SFC authoring
TypeScript - Unhead1,304 Stars
3 shared tag(s) · 1 shared category(s) · Same language
Manage title, meta, scripts, and SEO metadata reactively across Vue and SSR applications
TypeScript - Frontman709 Stars
3 shared tag(s) · 1 shared category(s)
Trace selected browser UI through live DOM, CSS, and source maps and let an AI agent edit the owning source
ReScript - Vue 354,511 Stars
3 shared tag(s) · Same language
Scale one reactive component and SFC model from incremental HTML enhancement to SPAs and SSR
TypeScript
Report incorrect information
Tell us if any listing information is incorrect or outdated.