VueJS: Vue.js devtools

Vue.js devtools es una extensión de Google Chrome que agrega una opción a la consola de desarrolladores para poder debuguear a las páginas web que utilizan VueJS en tiempo de ejecución.

Puedes descargarla en este enlace.

Esta extensión es muy útil en el desarrollo de proyectos con VueJS, framework que es cada día más pujante en el mundo del front. Gracias a ella podremos examinar los siguientes elementos:

  • Componentes
  • Vuex
  • Eventos
  • Enrutados
  • Performance
En mi caso un compañero me ha enseñado a utilizarlo para examinar Vuex que contiene entre otras cosas todas las variables en ejecución del sistema, y nos ha ahorrado mucho tiempo.

Seguiré profundizando en su uso, os recomiendo que la utilicéis ya que ayuda bastante.

Espero que os sirva de utilidad ^_^.

Comentarios