Chrome浏览器 Vue.js devtools插件使用安装说明

免费教程, 免费软件   2018年08月09日 10:05  

前段时间提到过的谷歌常用插件xPath helper:Chrome是一款非常适合前端开发者使用的爬虫网页解析工具,今天同样来了解另外一个调试vue.js应用的开发者浏览器插件。对于前端IT工程师可能是相当的熟悉了,其主要作用是可以在浏览器开发者工具下调试代码。

devtools插件下载安装

Vue.js devtools插件哪里下载?你可以从chrome应用商店里找到Vue.js devtools插件。

Vue.js devtools插件怎么安装?

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

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--master/shells//manifest.json,如下图所示:

3.打开vue项目,在控制台选择vue:

4.然后就可以操作组件查看信息变化(这里以分页组件为例,分别查看第一页和最后一页),如下图所示:

 vue.js devtoold插件下载地址

调试vue.js应用的浏览器扩展官方下载地址:https://github.com/vuejs/vue-devtools

您或许对下面这些文章有兴趣:                    本月吐槽辛苦排行榜

看贴要回贴有N种理由!看帖不回贴的后果你懂得的!


评论内容 (*必填):
(Ctrl + Enter提交)   

部落快速搜索栏

各类专题梳理

网站导航栏

X

返回顶部