您当前的位置 - 首页 → 网络软件 → 浏览辅助 → vue.js devtools(chrome调试工具) v6.0 官方最新版

vue.js devtools(chrome调试工具)

v6.0 官方最新版

软件大小：469KB
软件类别：网络软件 / 浏览辅助
软件语言：简体中文
推荐等级：
授权方式：免费软件
更新时间：2021-07-23 15:32
运行平台：WinAll
相关链接：暂无

顶好评:50%

踩坏评:50%

已有 21 次下载

Vue.js devtools简介

用于调试Vue.js应用程序的Chrome和Firefox DevTools扩展。Chrome devtools扩展用于调试Vue.js应用程序。

vue devtools插件下载

插件特色

1、性能

与路由选项卡一样，性能选项卡也是一个新增功能。此选项卡由两部分组成，“每秒帧数”和“组件渲染”。

第一个选项卡“每秒帧数”显示一个实时源图表，其中包含应用程序的当前fps。这可用于查找减慢应用程序速度的某些操作或组件。

2、设置

将显示密度更改为更紧凑的布局

规范化组件名称（my-component将变为MyComponent）

更新主题 - 打开或关闭新的黑暗主题选项

3、路由

Routing选项卡是devtools套件的全新选项。这里有两个不同的视图，“历史记录”和“路径”，可以通过单击“路由”选项卡标题进行交换。

软件亮点

1、上手简单

在用户已经了解HTML，CSS和javaScript的情况下，阅读指南后即可立即开始构建。

2、功能多样

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

3、演示优化

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

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

使用攻略

1、下载安装文件

下载插件，并在浏览器安全提示时选择【保留】，在下载文件夹中找到下载好的文件，后缀是.crx 。

说明：若出现安全提示，请选择保留。这是浏览器的默认设置，我们的插件不会危害你的计算机。

2、打开扩展程序安装页面

复制chrome://extensions并粘贴到地址栏，按回车键进入扩展程序安装页面，打开右上角的【开发者模式】。

3、安装插件

将下载好的.crx文件拖拽到到扩展安装页面内，等待数秒，在安装弹窗内点击添加即可。

Vue.js Devtools

注意问题

如果页面使用的是Vue.js的生产/精简版本，则默认情况下禁用devtools检查，因此不会显示Vue窗格。

要使其适用于通过file：//协议打开的页面，您需要在Chrome的扩展程序管理面板中选中此扩展程序的“允许访问文件URL”。

仅当您希望自己从源代码构建扩展以获取尚未发布的功能时，才需要这样做。

预览截图

上一张 1/1 下一张

谷歌浏览器插件

更多 >> 谷歌浏览器插件谷歌浏览器想必特别多的用户用过，谷歌浏览器的兼容性特别好，而且界面非常的简洁美观特别好用，对于经常上网的用户这为是必备软件，但谷歌浏览器的插件想必有非常多的朋友没有用过，所以今天小编就给大家带来了大量的插件，你可以更具自己的需要选择安装。

大白工具插件下载 798KB/ 浏览辅助 / 10.0 v2.0.2官方版
详情
flash video downloader免费下载 1.29M/ 下载工具 / 2.1 v132.0.0 绿色免费版
详情
ublock origin广告拦截下载 2.55M/ 浏览辅助 / 10.0 v1.33.3 最新版
详情
crxmouse中文版下载 841KB/ 浏览辅助 / 10.0 v5.0 官方pc版
详情
vue devtools插件下载 469KB/ 浏览辅助 / 10.0 v6.0 官方最新版
详情
chrome谷歌翻译插件下载 198KB/ 浏览辅助 / 10.0 v2.0.9 官方免费版
详情
集装箱插件官方下载 908KB/ 浏览辅助 / 10.0 v0.2.9 最新版
详情
adblock plus浏览器插件下载 2.48M/ 浏览辅助 / 10.0 免费最新版
详情

下载地址