当前位置: 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应用的浏览器扩展 Chrome插件基本信息

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

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

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

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

当前版本:0.0.2 最后更新日期:2019-04-24 文件大小:479KB

当前插件其他版本列表

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

本站下载 已有 401 人成功下载

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

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 应用程序可以简化您的工作流程,为了加快您的工作流

安卓调试工具ADB

开发者插件 2018-04-28 17:30:43

ADB 是Android的一个很重要的调试工具,熟练掌握后可实现很多功能,比如有些手机的解锁、ROOT就会用到adb工具。可很多朋友都说不会安装,今天就从最开始的安装方法说起。想要查看A

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

Axure RP Extension for Chrome v0.6.3 Chrome插件

开发者插件 2019-03-27 13:24:56

安装此扩展以允许在 Google Chrome 中从本地硬盘查看 Axure RP 原型。
此扩展名需要高访问级别才能查看文件://协议。此扩展只需要这些权限就可以在 Chrome-Axure 中查看原型,不会跟踪或访问您的任何信息。
重要提示: 安装扩展名后,必须检查设置 “允许访问文件 url”。这可以从 Chrome 的工具> 扩展> Axure RP 扩展中访问。

jQuery Console Fix Chrome插件

开发者插件 2017-08-08 16:57:47

Chrome DevTools console.log fix for jQuery objects
Small extension which fixes console.log output for jQuery objects in Chrome Developer Tools console. With this extension jQuery objects are displ

Codota Chrome插件

开发者插件 2015-03-12 17:27:02

真棒浏览器的Java和Android的代码片段
打开你的浏览器成为一个强大的代码浏览器,带来Android和Java代码片断的生活。 Codota分析代码片段在网页和帮助阅读,理解并保存代码。

*显示API文档的代码和XML元素
*亮点瓦尔
*警告引用有关弃用的API
*查找很大相关的代码示例
*保存你喜欢在你的CodeBox
* Android的代码示例搜索直接从浏览器地址栏片段(见截图)

目前支

Framed! Chrome插件

开发者插件 2018-12-16 01:14:38

Frame your hosts, avoid mistakes!

As a web developer you are probably working with a bunch of different environments, all looking almost exactly the same.
Keeping track of whether you are

Income monitor Chrome插件

开发者插件 2018-11-18 10:57:10

Расширение для проверки дохода ваших партнерских программ. Избавит ваc от необходимости вручную просматрива свои заработки, раз за разом залогониваясь на партнерские сайты.
- Показывает заработок

RDFa Triples Lister Chrome插件

开发者插件 2015-04-05 10:14:47

这个扩展列出了所有RDF三元组上嵌入RDFa的格式的网站。
====================
请使用,而亚历克斯Milowski绿色龟RDFa的扩展,它是远远更高达最新和使用适当的RDFa的解析: https://chrome.google.com/webstore/detail/green-turtle-rdfa/loggcajcfkpdeoaeihclldihfefijjam?hl=en.

Leaving了这一块主要是由于历史原因,周围的RDFa在浏览器中

Net Spanner Chrome插件

开发者插件 2016-04-09 23:51:27

Modify Request Headers for Chrome.
Modify Request Headers on the go.

Features:

You can add/remove/modify HTTP Headers per domain.
If you want to apply the rule for all websit

Domain Name Search Chrome插件

开发者插件 2015-03-19 10:14:20

域搜索从工具栏;给出建议,最近的搜索,类似的方案,国家/地区和高档领域。
搜索域名直接从您的工具栏。您可以用TLD进行有针对性的搜索结果。或者只是输入一个域名和扩展将返回结果。添加的域名选择将返回一个全方位可能的领域。如果可以Planteen主机会返回结果对于.NET,.INFO和.org。这些通常购买与.COM,以确保您的域名选择跨TLD的频谱。

除了结果,Planteen主机将推荐的域名为你给你的选择范围。推荐域名通常包括其他顶级域名,国家代码顶级域名,或同一域搜索的通用

Clear Cache Shortcut Chrome插件

开发者插件 2014-12-05 07:54:33

快速清除所有的浏览器缓存,只需一次点击。
这是一个简单的扩展,使您可以清除缓存,只需一次点击一个按钮。您可以点击该图标,或者如果你喜欢,类型在浏览器地址栏中, & QUOT ;高速缓存和QUOT ; = & GT ; [点击tab键] = & GT ; & QUOT ; C& QUOT ; = & GT ; [按Enter键]来清除缓存。该扩展使用其支持的镀铬版本19 的BrowsingData API。

Get IP Address Chrome插件

开发者插件 2017-08-02 15:31:28

Get IP address quickly
IP address of is changing all the time to find out the IP address may need time
the benefit is to get IP quickly.


Features

- Notification in the

Openload Saver Chrome插件

开发者插件 2018-12-10 00:53:25

save the video music images more easy to your openload server

v0.3.0 release
1. support auto save support website address (such as openload.co youtube.com) to your storage
2. new ui

Outsystems Chrome插件

开发者插件 2015-02-16 12:13:59

这个扩展可以让你在服务Studio中打开当前屏幕...
的Outsystems应用的整合,这带来的能力:

*开放的服务工作室(当前屏幕) ;
*服务中心快速访问(当前环境) ;
* Outsystems快速链接

版本1.0.2.2 :

*修正铬崩溃的问题;
*修正服务中心快速访问Java堆栈;
*添加菜单项报告& QUOT ;反馈/问题英寸;