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
查看更多
评论
全部评论
展开更多评论