Vue.js devtools
Browser devtools extension for debugging Vue.js applications.
About Vue.js devtools
Vue.js devtools is a debugging and inspection tool for applications built with the Vue.js framework. It provides a component tree view showing node relationships and state, along with plugin support for integrations between third-party libraries and the devtools interface.
It is distributed in multiple forms, including a Vite plugin, a browser extension, and a standalone application. It is intended for developers building Vue.js applications who need visibility into component structure and state during development.
The project is released under the MIT License and is sponsored.
Key features
- Component tree inspector showing node relationships and state
- Vite plugin, browser extension, and standalone app options
- Plugin API for extending devtools with library integrations
- Timeline and state debugging for Vue applications
Frequently asked questions
What platforms does Vue DevTools support?
It is available as a Vite plugin, a browser extension, and a standalone app.
Is Vue DevTools free to use?
It is released under the MIT License, making it free and open source.
Can Vue DevTools integrate with other libraries?
Yes, it provides a plugin API that acts as a bridge between libraries and the devtools.
Who is Vue DevTools for?
It is for developers building Vue.js applications who want to inspect component trees, state, and relationships.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
Test API
Browser/ExtensionUse Test API for RESTful API testing. This Postman alternative tests REST APIs online with support for all HTTP methods, custom headers, and real-time response visualization.
toast.log
Browser/ExtensionSee errors, warnings, and logs as they happen on your site — without having to open the browser’s console. Find bugs you didn.
Url Opener
Extension/Productivity/BrowserOpen multiple urls with one click.
Wappalyzer
Browser/ExtensionFind out the technology stack of any website. Create lists of websites and contacts by the technologies they use.
Web Developer
Browser/ExtensionDownload the Web Developer extension for Chrome and Firefox.
Web Developer Checklist
Browser/ExtensionAnalyses any web page for violations of best practices.
