Vue.js devtools - 数据结构调试工具

Vue.js devtools - 数据结构调试工具背景
Vue.js devtools是前端开发IT工程师的好帮手，通过Vue.js devtools数据结构调试工具可以在浏览器开发者工具下调试代码，边侧边栏窗格页面，边检查代码。游玩vue是数据驱动，所以存在一些在开发调试中查看DOM结构不能分析出什么的问题，此时我们下载使用vue-devtools插件，就可以通过此工具对数据结构进行解析和调试。


Vue.js devtools - 数据结构调试工具介绍
Vue.js devtools数据结构调试工具是一款适用于调试Vue.js应用程序的谷歌浏览器插件。


Vue.js devtools - 数据结构调试工具功能
- 上手简单
在用户已经了解HTML，CSS和JavaScript的情况下，阅读指南后即可立即开始构建。

- 功能多样
渐进式的生态系统，在图书馆和功能全面的框架之间进行扩展。

- 演示优化
20KB min + gzip运行，快速虚拟DOM，最少的优化工作。

你还可以看到它们最后的更新时间，如果它们有自己的主页，还可以对它们进行分类和其他更多的功能。


Vue.js devtools - 数据结构调试工具安装
(1) 从设置->更多工具->扩展程序 打开扩展程序页面，或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(2) 打开扩展程序页面的“开发者模式”
(3) 将crx文件拖拽到扩展程序页面，完成安装
(4)如有其它安装问题，请扫描网站底部二维码与客服联系


Vue.js devtools - 数据结构调试工具使用
安装好chrome插件后，直接点击扩展按钮即可对已安装的脚本进行便捷管理了。


Chrome and Firefox DevTools extension for debugging Vue.js applications.
Chrome devtools extension for debugging Vue.js applications.

######## Features ########
- Approachable
Already know HTML, CSS and JavaScript? Read the guide and start building things in no time!

-Versatile
An incrementally adoptable ecosystem that scales between a library and a full-featured framework.

-Performant
20KB min+gzip Runtime
Blazing Fast Virtual DOM
Minimal Optimization Efforts

Thanks for using Vue.js devtools. :)


########## Bugs ##########

Please DON'T report bugs by a review, BUT HERE:
- https://vuejs.org

######## Changelog #######

https://github.com/vuejs/vue-devtools

########## FAQ ###########

https://help.github.com/en