Vue.js devtools

CINDY 3人评论 79997次浏览 Chrome开发者工具插件
摘要 : Vue.js开发者工具是一款适用于chrome浏览器和Firefox浏览器的浏览器插件。

Vue.js devtools 开发背景

做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试。我们今天就来了解一下。

Vue.js devtools图片

Vue.js devtools使用方法

1.你可以从chrome应用商店里找到Vue.js devtools插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Vue.js devtools下载地址。其离线安装方法同:chrome插件的离线安装方法最新chrome浏览器下载地址:http://chromecj.com/chrome/2017-09/813.html。


Vue.js devtools图片

2.打开vue项目,在控制台选择vue,然后就可以操作组件查看信息变化,

Vue.js devtools Chrome插件注意事项

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

Vue.js devtools下载地址

点击下载Vue.js devtools

转载必须注明来自: Chrome插件 » Vue.js devtools

PHP Console

PHP Console

1 人评论 37391 次人浏览 4.0分 4.0 分
PHP Console是一款可以帮助PHP开发者,以Chrome浏览器为媒介输出PHP调试信息的谷歌浏览器插件。
WEB前端助手(FeHelper)

WEB前端助手(FeHelper)

0 人评论 39579 次人浏览 4.0分 4.0 分
FE助手:包括字符串编解码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成与解码、编码规范检测、页面性能检测、页面取色、Ajax接口调试
GitHub File Icon

GitHub File Icon

1 人评论 5452 次人浏览 4.0分 4.0 分
GitHub File Icon是一款可以改善GitHub 现有的档案系统呈现样式,使它更容易被用户阅读的chrome插件。
React Developer Tools

React Developer Tools

2 人评论 34892 次人浏览 4.1分 4.1 分
React Developer Tools是一款由facebook开发的一款非常好用的chrome调试插件。
XPath Helper

XPath Helper

5 人评论 91571 次人浏览 3.4分 3.4 分
XPath Helper可以支持在网页点击元素生成xpath,整个抓取使用了xpath、正则表达式、消息中间件、多线程调度框架的chrome插件。
JetBrains IDE Support

JetBrains IDE Support

0 人评论 33572 次人浏览 3.7分 3.7 分
JetBrains IDE Support是一款webstorm网页开发调试工具,支持HTML/CSS/JavaScript编辑和JavaScript调试。
JSON Formatter

JSON Formatter

0 人评论 33751 次人浏览 4.6分 4.6 分
JSON Formatter是一款能格式化json代码,使得json代码页面变得便于阅读的chrome json格式化开源插件。
XPath Helper Wizard

XPath Helper Wizard

0 人评论 5837 次人浏览 3.3分 3.3 分
XPath Helper Wizard是一个可以创建XPath查询选择类似的元素并且返回可视化结果的chrome插件
Sourcegraph:轻松浏览和搜索Github上的代码

Sourcegraph:轻松浏览和搜索Github上的代码

1 人评论 17736 次人浏览 4.0分 4.0 分
Sourcegraph是一款可以为 Github 上的代码添加了即时文档和类型提示,并为每一个标识符添加了跳转到定义处的链接的Chrome 扩展,它允许你像使用一个很好的IDE 那样浏览源代码。
极简Json格式化

极简Json格式化

0 人评论 18759 次人浏览 3.3分 3.3 分
极简Json格式化是一个非常简单的Chrome插件,用于将JSON接口返回值格式化成可读方式。
JSON Viewer

JSON Viewer

0 人评论 20811 次人浏览 3.7分 3.7 分
JSON Viewer是最漂亮的、可定制的JSON/JSONP荧光笔高亮插件,用于打印JSON和JSONP。
图文详解vue.js devtools使用方法

图文详解vue.js devtools使用方法

0 人评论 15561 次人浏览 2.0分 2.0 分
本文主要介绍Vue.js devtools使用方法,提供chrome插件直接安装和源代码安装两种方法,你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
Header Editor

Header Editor

0 人评论 23809 次人浏览 3.1分 3.1 分
Header Editor是一款管理浏览器请求的Chrome扩展,包括修改请求头和响应头、重定向请求、取消请求。
下一篇 : 快线
评论:(3)

已有 3 位网友发表了一针见血的评论,你还等什么?

  • 1楼 小熊抽大熊 回复该留言
    安装完后,无法使用,报Vue.js not detected错,怎么解决?
  • 2楼 小熊抽大熊 回复该留言
    果然有用
  • 3楼 大熊打小熊 回复该留言
    万分感谢。 本来想直接在github下下来自己build的,但是npm抽风,死活搞不定。真不知道这么不严谨的js语言是怎么支持起来这么不严谨的程序的,而且还又这么多人追捧。