当前位置: 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-07-11 文件大小: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 应用程序可以简化您的工作流程,为了加快您的工作流

Adobe DTM Switch

开发者插件 2019-05-19 03:28:04

这个方便的扩展,您可以切换调试模式和分期方式的Adobe动态变量管理器。调试模式...
这个方便的扩展,您可以切换调试模式和分期方式的Adobe动态变量管理器。调试模式启动DTM库打

安卓调试工具ADB

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

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

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

console.image everywhere Chrome插件

开发者插件 2014-12-12 02:21:30

添加console.image到每个页面(见https://github.com/dunxrion/console.image ) 。
(来源在https://github.com/jffry/console.image-chrome-extension )

注意到精彩console.image脚本,并将其注入到每一个网页在浏览器( https://github.com/dunxrion/console.image )

Markdown Formatter Chrome插件

开发者插件 2015-12-19 14:14:54

Formats+Markdown+files+as+HTML.%3cbr%2f%3eThis+is+an+extension+that+formats+Markdown+text+as+HTML.+Click+on+the+Markdown+icon+in+the+address+bar+or+press+Ctrl%2bM+to+toggle+between+raw+and+HTML+view.%

Github page switcher Chrome插件

开发者插件 2016-06-21 11:33:44

show one-touch button between github repository and github page
Many projects on github provide their github page.
some of them provide properly link to github page on repogitory site and vice

EditTheWeb Chrome插件

开发者插件 2019-07-02 00:53:10

使用 EditTheWeb,您可以让每个网站都可编辑。键入并删除您想要的任何内容。要激活扩展,请右键单击任何页面,然后单击 “启用编辑”。要停用,请再次右键单击并单击 “禁用编辑”。
* 更改是临时的。如果刷新页面,所有更改都将丢失。
* 如果你想的话,你可以保存页面 (右键-> “另存为.”) 或者打印它 (右键-> “打印.”)

Bugsee Chrome插件

开发者插件 2017-05-01 08:31:18

Trace, capture, analyze!
Bugsee is a free tool for developers and QA engineers to debug web apps. Bugsee reports include a minute of video recording leading up to the problem, along with synchroni

React Perf Chrome插件

开发者插件 2017-05-30 19:03:20

A Operation Interface for react-addons-perf Package
React Perf will add a tab to Chrome Devtools Panel to help you use the "react-addons-perf" package.