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

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

用户数 : 1102453

最后更新时间 : 2019-11-25

分类 : 开发者工具

扩展大小 : 461KiB

版本 : 5.3.3

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

查看更多
下载 如何离线安装? Chrome store
最新评论
更多评论
没有更多了
close
qr-code

为打击盗链困扰,本站已启用公众号验证
微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

无法下载
正在验证...
验证成功