Vue Devtools is extremely useful when developing
Vue apps as it allows you to quickly see your components’ data without having to log output in the console, making it great for debugging. It also has a cool
time-travel feature for use with
vuex. Unfortunately, it’s only available for
Google Chrome, however, it is simple to install in
Opera as well:
- First install the Download Chrome Extension Add-on. This allows you to add any Chrome extension to Opera.
Now go to the Vue Devtools page in the chrome store and you should see the “Add To Opera” option available, which will allow you to add
Vue Devtoolsto Opera.
Close any open
developer toolswindows in your
vueapp and re-open them: Menu > Developer > Developer Tools. You should now have the
Vuetab available in
That’s it! Simple when you know how.