Vue DevTools Unlocker

A Chrome Extension that enables Vue DevTools in production environments.

Translations

• 中文文档

Features

• 🔑 Unlocks Vue DevTools in production environments
• 🌐 Works with both Vue 2 and Vue 3
• 📦 Shows Vue version information
• 🍍 Unlocks Pinia support for Vue 3 apps when the runtime Pinia instance is available

Install

Chrome Web Store

Microsoft Edge Add-ons

Firefox Add-ons

Usage

1. Install the extension from the Chrome Web Store
2. Visit any website using Vue.js in production
3. Open Chrome DevTools (F12 or right-click "Inspect")
4. Access the Vue panel in DevTools

For Vue 3 apps using Pinia, open the Pinia inspector inside Vue DevTools to view stores and state after the extension unlocks support.

How It Works

This extension modifies the Vue instance configuration to enable developer tools at runtime, even in production environments.

Compatibility

• Chrome 88+
• Vue.js 2.x and 3.x
• Pinia store/state inspection for Vue 3 apps; full official Pinia Devtools features may depend on dev-only metadata

Maintainers

@zhensherlock.

Contributing

Feel free to dive in! Open an issue or submit PRs.

Standard Readme follows the Contributor Covenant Code of Conduct.

Contributors

This project exists thanks to all the people who contribute.

License

MIT © MichaelSun