Vue.js Devtools changelog
Vue.js Devtools changelog
github.com/vuejs/vue-devtools

Devtools 6 released!

The new devtools are finally released on the stable channels!

It's recommended you uninstall the beta version and install the new one:

Install the new Devtools

v6.0.0-beta.21


  • Huge Timeline performance improvements 🚀
  • Timeline controls updated, with mouse dragging and wheel zooming
  • Better Timeline HiDPI screens support
  • Many bug fixes 🐛

Update on Firefox

Read the full changelog

Bug fixes

v6.0.0-beta.20

Many bugs where squashed (especially Vue 2 related) in this release! 🐛

Update on Firefox


 

New

  

The Vue 2 plugin now display getters in the mutation timeline layer.

Screenshot from 2021-11-03 14-18-09.png


Read the full changelog here

Check for Vue version

v6.0.0-beta.19

The devtools now check for new Vue versions for each of your apps! Plus refinements to the Plugin Settings API and many bug fixes!

Update on Firefox


Vue version check

 

New

  

The Apps menu will let you know when a new Vue version is available:

image.png


API Changes

Plugin settings

You can now react to changes made to the plugin settings by the user with the new api.on.setPluginSettings hook.

Pus the api.getSettings method got a new pluginId optional parameter.


Read the full changelog here

Vue 3 detection improved

v6.0.0-beta.18

We implemented changes in Vue 3.2.14 to allow the devtools to detect Vue apps even if they don't include the devtools-related code necessary to inspect them. Don't forget to update Vue to 3.2.14!

This update also includes other bug fixes.

Update on Firefox

Read the full changelog here

Improved popup

v6.0.0-beta.17

An hot fix has been made for the component order in the inspector tree.

Update on Firefox


 

New

 

 

The extension popup has been revamped:

  • New Nuxt logo
  • Troubleshooting link
  • Screenshot of the devtools

Screenshot vue-devtools new popup.png


Read the full changelog here

Plugin Settings

v6.0.0-beta.16

This release is packed with performance improvements and bug fixes! 🚀

Update on Firefox


Timeline

 

New

 

 

Tooltips

The timeline now renders handy tooltips to get more information at a glance!

Screenshot from 2021-08-28 02-55-35.png


Plugin API

 

New

 

 

Plugin settings

Plugins can now expose custom settings to the user with the settings option and the api.getSettings() method.

Screenshot from 2021-09-18 23-19-37.png


Read the full changelog here

Basically the stable version

v6.0.0-beta.15

Update on Firefox

Many bug fixes and small improvements are included in this last beta.

New features:

  • A new "Force refresh" button in the component inspectors (you can also click on the selected component again in the tree).
  • api.on.timelineCleared

The docs were updated with a FAQ and other improvements. You can also now read the Vue Devtools Plugin development guide on the website.

Read the full changelog here


The new devtools will soon be released in the stable channel, so existing users of v5 will automatically upgrade to v6. To update your beta version, you will need to disable/uninstall it and install the stable version.

But don't worry! Links will be posted here with "Legacy" versions in case you want/need to downgrade to v5.

Iframe support for Vue 2

v6.0.0-beta.14

A small update that adds support for iframe for Vue 2 apps and fixes the component highlighter position (taking the iframe position into account).

Screenshot from 2021-06-09 13-47-53.png

Update on Firefox

Read full changelog here

Release Candidate

6.0.0-beta.13

Unless any major issue is found, this is the last beta release of the rewritten devtools!

Update on Firefox


Iframe support

An old feature request has finally landed in the devtools! You can now inspect apps that are inside iframes:

image.png


Timeline changes

Some refinement and style tweaks make the timeline easier to use. If you have trouble using the mouse wheel to navigate the timeline, new buttons next to the scrollbar allow you to zoom in and out, and to move around:

image.png

You can also use the keyboard to navigate the events list.


Read the full changelog here