java1234开源博客系统
博客信息

vue 调试工具 vue devtools 谷歌插件 安装

0
发布时间:『 2019-05-04 11:17』  博客类别:Vue.js  阅读(3119)

vue 调试工具 vue devtools 谷歌插件 安装


安装: 

1.到github下载:

git clone https://github.com/vuejs/vue-devtools

2.在vue-devtools目录下安装依赖包

1
2
cd vue-devtools
cnpm install

3.修改manifest.json文件

把"persistent":false改成true

 

 4.编译代码

npm run build

 

5.扩展Chrome插件

Chrome浏览器 >  更多程序 > 拓展程序 

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图


QQ鎴浘20190504110210.jpg 这里会有一个灰色的标识 说明安装OK,并且也开启了;


其他网页因为没检测到vue,所以是灰色的,假如网页里检测到vue,就亮了;


我们打开刚才helloWorld页面;

GIF.gif


右击 审查元素 然后打开vue 我们可以看到所有内存中的DOM元素以及值 方便我们调试程序;

关键字:   vue     deltools     调试  
关注Java1234微信公众号
博主信息
Java1234_小锋
(知识改变命运,技术改变世界)
Powered by Java1234 V3.0 Copyright © 2012-2016 Java知识分享网 版权所有