Vue.js devtools

CINDY-S 0人评论 分类:开发者工具
摘要 : 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浏览器下载地址:/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

下一篇 : MapTab
评论:(0)

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