vue浏览器调试工具是一款帮助用户更好的设置浏览器打造的软件,使用这款插件后不但能使用户搜索内容更加精准,而且还能减少用户的工作量,提高网页编辑人员的工作效率。
这款vue浏览器调试工具小编使用感观不是很大,除了浏览器页面搜索更加快捷了,没有什么用更直接的感受。而且好像扩展了后可以看谷歌了,不知道这算不算神奇的点!
vue浏览器调试工具是基于google Chrome浏览器的一款调试vue.js应用的开发者浏览器扩展。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。
1.到极速下载网下载:vue浏览器调试工具
2.在vue-devtools目录下安装依赖包
cd vue-devtools
cnpm install
3.修改manifest.json文件
把"persistent":false改成true
4.扩展Chrome插件
Chrome浏览器 > 更多程序 > 拓展程序
点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图
5. vue-devtools使用
vue项目, 打开f12, 选择vue就可以使用了.
vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试
PS:这样调试后,是不是速度变快了呢?大大提供工作效率呢?