标客网:为您提供高速便捷的下载服务.

软件教程| 游戏攻略| 软件资讯| 游戏资讯| 游戏评测

软件
软件
文章
搜索
当前位置: 首页PC软件网络软件→ vue.js devtools(chrome调试工具)v6.0
vue.js devtools(chrome调试工具)

vue.js devtools(chrome调试工具)

v6.0 Vue devtools插件主要运用于谷歌浏 评分:4
下载地址
  • 软件大小:0.47M
  • 软件语言:简体中文
  • 更新时间:2021-07-24
  • 软件类别:免费/网络软件
  • 软件性质:PC软件
  • 软件厂商:
  • 运行环境:WinAll
  • 软件等级:
  • 官方网址:
  • 软件介绍
  • 软件截图
  • 猜你喜欢
  • 同类推荐
  • 相关文章

Vue devtools插件主要运用于谷歌浏览器的开发者调试阶段,对于广大开发人员来说,它能够为其提供多个网页结构解析和调试工具,侧边栏窗口代码优化调试,新增一个性能选择卡,多项优化下让您可以有效提高整天调试效率。插件功能多,安全稳定,值得推荐。

软件介绍

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

插件特色

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窗格。

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

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

展开内容

软件截图

  • vue.js devtools(chrome调试工具)v6.0

下载地址

  • PC版

同类推荐

相关文章

关于标客| 联系方式| 发展历程| 版权声明| 下载帮助(?)| 广告联系

Copyright 2017-2024 CZLOGO.COM 【标客网】版权所有皖ICP备2021007823号-4 |

声明:本站所有软件和文章来自互联网 如有异议 请与本站联系 本站为非赢利性网站 不接受任何赞助和广告