首页 开发者工具 Vue Performance Devtool - Vue.js开发者工具
Vue Performance Devtool - Vue.js开发者工具

Vue Performance Devtool - Vue.js开发者工具

用户数 : 10000 分类 : 开发者工具 扩展大小 : 226KiB 最后更新时间 : 2018-03-03 版本 : 0.0.6
  • Vue Performance Devtool - Vue.js开发者工具
                                                            

Vue Performance Devtool - Vue.js开发者工具的使用方法详解,最全面的教程

Vue Performance Devtool - Vue.js开发者工具描述:

用户数:10000 分类:开发者工具 扩展大小:226KiB 最后更新时间:2018-03-03 版本:0.0.6

Vue Performance Devtool - Vue.js开发者工具插件简介:

这是来自Chrome商店的Vue Performance Devtool - Vue.js开发者工具浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。

Vue Performance Devtool - Vue.js开发者工具插件下载方法/流程:

点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。

Vue Performance Devtool - Vue.js开发者工具插件安装教程/方法:

(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件 (2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面 (3) 打开扩展程序页面的“开发者模式” (4) 将crx文件拖拽到扩展程序页面, 完成安装如有其它安装问题, 请扫描网站底部二维码与客服联系如有疑问请参考:https://www.extfans.com/installation/

Vue Performance Devtool - Vue.js开发者工具背景

经常做前端开发的IT工程师应该比较熟悉这款工具,您可以边侧边栏窗格中的页面,边检查代码。并且由于vue是数据驱动的,这就存在在开发调试中查看DOM结构并不能解析出什么。用户借助vue-devtools插件,就可以很容易的对数据结构进行解析和调试。我们今天就来了解一下。

Vue Performance Devtool这个完全免费的插件就可以帮助您检查Vue组件的性能,大大提高您的工作效率。非常方便。


Vue Performance Devtool - Vue.js开发者工具介绍

Vue Performance Devtool是一个devtool扩展,用于检查Vue组件的性能。


Vue Performance Devtool - Vue.js开发者工具功能

在您下载安装Vue Performance Devtool插件之后,您可以用它检查Vue组件的性能。

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


Vue Performance Devtool - Vue.js开发者工具安装

(1) 将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
解压压缩包
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
打开<a href='https://www.extfans.com' target='_blank' class='website-keywords'>扩展</a>程序页面
(3) 打开扩展程序页面的“开发者模式”
打开开发者模式
(4) 将crx文件拖拽到扩展程序页面,完成安装
拖放以安装

(5)如有其它安装问题,请扫描网站底部二维码与客服联系



Vue Performance Devtool - Vue.js开发者工具使用

安装好chrome插件后,直接点击扩展按钮即可对已安装的脚本进行便捷管理了。



IT engineers who often do front-end development should be more familiar with this tool. You can check the code while the page in the sidebar pane. And because vue is data-driven, there is nothing that can't be resolved by looking at the DOM structure in development and debugging. With the help of the vue-devtools plug-in, users can easily parse and debug the data structure. Let's take a look today.

Vue Performance Devtool is a completely free plug-in that can help you check the performance of Vue components and greatly improve your work efficiency. Very convenient.



######## Features ########
- A devtool extension for inspecting the performance of Vue components.

For a full overview please take a look at the FAQ or just install this extension. ;)

Thanks for using Vue Performance Devtool. :)

查看更多
下载 如何离线安装? Chrome store

分享

全部评论

    展开更多评论

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

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

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

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

    正在验证
    验证成功