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

安装: 

1.到github下载：

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

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

3.修改manifest.json文件

把"persistent":false改成true

 4.编译代码

npm run build

5.扩展Chrome插件

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

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

这里会有一个灰色的标识 说明安装OK，并且也开启了；

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

我们打开刚才helloWorld页面；

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