当前位置: Chrome插件首页 > 开发者插件 > Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件

Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件

开发者插件

Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件图文教程

Vue.js devtools插件功能简介

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。
vue.js调试

Vue.js devtools插件下载安装

Vue.js devtools插件哪里下载?你可以从chrome应用商店里找到Vue.js devtools插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到alexa流量排名插件下载地址。

Vue.js devtools插件怎么安装?
1. 如果你能够打开chrome应用商店,并且可以找到alexa流量排名插件,那么直接点击“添加至chrome”,如下图所示:
vue.js devtool

2.如果你的chrome应用商店无法打开,你从本站或者其他途径获得了
Vue.js devtools插件,那么就选择离线安装该插件。由于Vue.js devtools插件同其他chrome插件一样都是CRX格式的,所以具体的安装方法请参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办

Vue.js devtools插件使用说明

Vue.js devtools插件怎么使用?
1.Vue.js devtools插件在chrome浏览器安装成功后,在浏览器的右上角插件图标。
2.修改文件:vue-devtools-master/shells/chrome/manifest.json,如下图所示:
vue.js修改文件

3.打开vue项目,在控制台选择vue:
vue控制平台选择
4.然后就可以操作组件查看信息变化(这里以分页组件为例,分别查看第一页和最后一页),如下图所示:
vue分页应用调试

vue分页调试应用

你可能对优秀chrome插件推荐感兴趣;

常见问题:

1.Vue.js devtool插件安装后无法使用,出现提示“vue.js not detected”的解决办法

Vue.js devtools插件相关推荐

1.JSONView:web开发格式化和高亮插件
2.网页取色器插件-ColorZilla
3.网站样式管理器-Stylish

查看更多

Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件图片

  • Vue.js devtools:调试Vue.js应用google chrome扩展插件插件图片

Vue.js devtools:调试vue.js应用的浏览器扩展基本信息

插件名称:Vue.js devtools:调试vue.js应用的浏览器扩展 插件作者:vuejs.org 插件语言:English 官方站点:https://github.com/vuejs/vue-devtools 插件唯一标识:nhdogjmejiglipccpnnnanhbledajbpd

Vue.js devtools:调试vue.js应用的浏览器扩展用户数和评分

下载次数:401 用户评分:4.66667 (共5分) 参与评分人数:3

Vue.js devtools:调试vue.js应用的浏览器扩展文件信息

当前版本:0.0.2 最后更新日期:2020-06-06 文件大小:479KB

当前插件其他版本列表

Vue.js devtools:调试vue.js应用的浏览器扩展下载地址

Vue.js devtools:调试vue.js应用的浏览器扩展相关插件

AlloyDesigner - 前端重构开发辅助工具

开发者插件 2019-10-28 14:49:24

AlloyDesigner是来自Tencent AlloyTeam的前端开发工具,其只出现开发阶段的一定时期,可以在制作时期,也可以在开发测试期,旨在提高前端开发的效率,获得更加便捷的开发体验。

Page Ruler - chrome屏幕尺子插件

开发者插件 2019-02-22 16:40:30

Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速

Eye Dropper

开发者插件 2019-02-22 16:44:28

Eye Dropper是Google Chrome和Chromium的扩展。它允许您从任何网页或高级颜色选择器中选择颜色。它是Web开发人员的绝佳工具。

WEB前端助手(FeHelper)

开发者插件 2019-01-25 22:37:24

WEB前端助手:FeHelper是一款chrome浏览器插件。包含一些前端实用的工具,如字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、栅格规范检测、网页性能检测、页面取

推荐十二款Web开发必备的Chrome插件

聚合专题 2019-02-20 11:41:00

之前已经分享过一些帮助 Web 开发人员和设计师的 Chrome 扩展,这次我们继续展示一组很有用的 Chrome 应用程序。这些免费的 Chrome 应用程序可以简化您的工作流程,为了加快您的工作流

Vue.js devtools:调试vue.js应用的浏览器扩展同类插件推荐

Polymer Ready Chrome插件

开发者插件 2015-01-29 13:21:30

显示在地址栏中的图标检测到一些聚合物和自定义组件时。
只是一个简单的Chrome扩展,显示在每次检测到一些聚合物和自定义组件的地址栏中的图标。

源代码可在https://github.com/beaufortfrancois/polymer-ready-chrome-extension

Changelog:

0.4:
-使用https://customelementsio.herokuapp.com/以提高速度的感谢(再次)杰克·

Magoon: Chrome DevTools Theme Chrome插件

开发者插件 2019-07-10 07:27:21

这是一个主题,让颜色变得流行起来,让 Chrome 控制台看起来非常好。
您可以在 Github 上找到其他东西的 Magoon,如 Vscode 、 Rofi 、 React DevTools 和 Alfred: https://github.com/ntwigs/Magoon
如何安装
------------------------------------

Angular watchers v1.5 Chrome插件

开发者插件 2019-03-23 21:55:54

角观察者是终极的 AngularJS 工具,它告诉你你目前有多少活跃的观察者。
它会自动更新,这样你就可以实时看到一个页面有多少观察者。
这对于提高性能和调试来说也是完美的。特点:
* 总当前页面上的观察者数量
* 与上次观察者总数的差异
* 及时绘制观察者数量的视觉图 (最多 25 个图)
* 选择要统计观察者的 Ifram

Merge Js Chrome插件

开发者插件 2019-10-03 03:55:18

Merge and Minify js files from any webpage or website. Just click extension icon, it will get all the