Vue.js DevTools Primer

This talk was presented at VueBLR #22. It explored the various features of Vue.js DevTools and how it can aid in debugging.

Transcript

1. VUE.JS DEVTOOLS Sangeeth Sudheer @sangeeth96
2. If you’re not using Vue.js DevTools, YOU’RE DOING IT WRONG.
4. Ok, but why? • Component view with data/props listed • Integrates with community tooling such as router/vuex • Time-travel debugging for your vuex store • Works with Vue.js/Nuxt out of the box • Run it standalone • Built with Vue.js
5. DEMO TIME
6. npm i -g @vue/devtools
7. DEMO TIME
8. But, what if we could open DevTools… IN PRODUCTION?
10. DEMO TIME
11. Where can I get it? https://github.com/vuejs/vue-devtools https://bit.ly/vue-chrome https://bit.ly/vue-ff npm i -g @vue/devtools
12. THANK YOU! Sangeeth Sudheer @sangeeth96