发新帖

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

vschenrun 2月前 272

个人觉得用谷歌浏览器插件调试vue是最好的,可以明显看到每个data绑定的值

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插件英文介绍

Chrome devtools extension for debugging Vue.js applications.
0.0.2 - Nov. 30th, 2014: handle circular references and computed property errors.

This is a simple Chrome DevTools extension that adds a "Vue.js Properties" sidebar pane to the inspector. For more information on Vue.js, visit http://vuejs.org 查看更多

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最后更新日期:2014-12-02文件大小:479KB

    ×
    打赏作者
    猜你喜欢:
    最新回复 (1)
    夏悸 2月前
    点赞(0) Ta 引用 1
    d=====( ̄▽ ̄*)b厉害了
    返回
    发新帖
    vschenrun
    主题数
    1
    帖子数
    1
    注册排名
    156