Vue Debugging Packages

vite-plugin-vue-inspector

Jump to local IDE source code when clicking Vue elements in the browser.

809 53,106,520

vite-plugin-source-identifier

A Vite plugin that adds source location and component information to DOM elements during development

797,687

unplugin-vue-inspector

jump to local IDE source code while click the element of browser automatically.

809 132,695

vue-ray

Debug Vue code with Ray to fix problems faster

83 99,441

vue-component-debug

A Vue 3 plugin that adds HTML comments around components for easier debugging

1 55,063

mcp-probe-kit

AI-powered MCP development toolkit with 29 default tools (24 base + 5 History Session), 35 with Memory, 39-tool compatibility mode, ARC-8 architecture support, and MCP Apps workbenches

39 33,568

vite-plugin-vue-dev-locator

jump to local IDE source code while click the element of browser automatically.

31,227

unplugin-vue-dev-locator

jump to local IDE source code while click the element of browser automatically.

31,144

@mcpc-tech/unplugin-dev-inspector-mcp

Universal dev inspector plugin for React/Vue - inspect component sources and API calls in any bundler

47 31,029

vue-vconsole-devtools

vConsole vue-devtools plugin. Debug vue anywhere

335 30,864

@anilkumarthakur/vue3-json-viewer

A beautiful, customizable JSON viewer component for Vue 3 with TypeScript support, dark/light mode, expand/collapse controls, and syntax highlighting.

28,259

guardz

A simple and lightweight TypeScript type guard library for runtime type validation.

3 26,533

storybook-addon-datalayer-watcher

Get GTM's dataLayer events in Storybook

3 20,736

vue-dump

A Vue.js component that dumps data for debugging

5 18,557

@vingy/vuebugger

Vue devtools plugin to debug anything.

8 15,686

vite-plugin-source-info

A Vite plugin that adds source location and component information to DOM elements during development

14,961

🎯 ENHANCED AI GUIDANCE v4.1.2: Dramatically improved tool descriptions help AI users choose the right tools instead of 'close enough' options. Ultra-fast keyboard automation (10x speed), universal recording, multi-ecosystem debugging support, and compreh

7,946

trakk-js

Automatic Documentation Generation - Real-Time Code Execution Flow - Testing / Debugging - Onboarding - for Front-End Applications

7,415

@dreipol/vue-log

This npm package provides a system of log enhancements for vue applications.

7 7,319

vite-plugin-dev-inspector

jump to local IDE source code while click the element of browser automatically.

51 6,946

nuxt-devtools-observatory

Nuxt DevTools: useFetch Dashboard, provide/inject Graph, Composable Tracker, Pinia Tracker, Payload Inspector, State/cookies, Render Heatmap, Transition Tracker, Trace Viewer

18 6,887

openvisio

Cut your AI coding agent's token usage. MCP server + CLI that turns any codebase into a deterministic code graph and serves Claude Code, Cursor, Codex & Windsurf a ranked, token-budgeted query surface — agents query structure (symbols, imports, call edges

16 4,820

vite-plugin-strip

Remove or strip specific code from your JavaScript or TypeScript.

1 4,734

vue-source

Global Vue mixin which identifies components in source code with HTML comments

43 4,588

vite-plugin-vue-inspector-ai

Vue Inspector with enhanced features - supports end line and clipboard copy

4,374

@json-render/devtools-vue

Vue adapter for @json-render/devtools. Drop-in component.

18,761 4,135

@vuepress/plugin-debug

VuePress plugin - debug

2,833 3,854

vue-network-dashboard

Network monitoring for Vue 3 — intercepts Fetch, XHR, WebSocket and SSE traffic, sanitizes secrets and shows reactive logs and stats.

3,849

nuxt-spyglass

Captures browser and server logs in one place and exposes them to AI tools via MCP.

14 3,844

@lightworkai.official/debug-capture-vue

Vue 3 bindings for @lightworkai.official/debug-capture

2,947

@softcodefr/vue-lens

A Vite plugin for Vue.js debugging and inspection

2,471

@weexbox/service

WeexBox 构建工具 https://aygtech.github.io/weexbox/guide/#weexbox-builder

2 2,353

i18n-key-inspector

See which translation key produced any text on the page.

1 2,338

@syntropysoft/syntropyfront

One line of code to capture frontend errors and user actions. Low cost, no per-seat pricing. Saves time, money, and reputation.

2,273

vue-json-to-html-table

A Vue.js 3 component to transform json data in to html.

1 1,758

@quazardous/qddebug

Symfony-style debug panel for qdadm and qdcms — bridge, collectors, and floating debug bar

7 1,691

vue-json-debug

Vue Json Debug plugin

4 1,603

@mars-tech/vite-debug-plugin

Vite plugin exposing a global $debug function in dev that mirrors output to the browser console and the Vite terminal. Calls are stripped from production builds.

1,430