Vuejs DevTools v5.0.0 Released

Vuejs DevTools is a browser DevTools extension for debugging Vue.js applications. The latest version of Vuejs DevTools, v5.0.0 is released.

The latest version of Vuejs DevTools, v5.0.0 is released. The project was published by @Akryum today via on Github: https://github.com/vuejs/vue-devtools/releases/tag/v5.0.0 and has several new and improved features and several fixes.


 

Vuejs DevTools is a browser DevTools extension for debugging Vue.js applications. Vuejs DevTools is available as a Chrome Extension, a Firefox Addon, and a standalone Electron app that works with any environment.

Here is a list of new features in this release:

 

  • Routing tab (#735)
  • Performance tab (#733)
  • Settings tab (#713)
  • Editable vuex state (#724)
  • Display density settings
  • Initial NativeScript support (#732)
  • View refs in vue developers panel (#749)
  • Add $attrs to StateInspector, closes #734 (#861)
  • RegEx Filter in Events Tab (#838)
  • Make props editable, closes #669 (#813)
  • Setting for "vue-devtools Detected Vue" console log, closes #685 (#811)

 

Here is a the list of improved features:

 

  • Vuex and Events tabs got an order of magnitude faster and lighter on memory (#721)
  • Make Collapse/Expand All affects child elements (#715)
  • Display functional components in component tree (#719) (props don't fully work yet)
  • electron app: added type definitions (#836)
  • Lot of performance improvements across the board