安装vue-devtools

之前安装的vue-devtools 莫名其妙的不见了，哎又要上网重新找了，这里记录一下吧

1、到github主页去下载安装：
git clone https://github.com/vuejs/vue-devtools
2、执行以下命令：

cd vue-devtools (进到当前目录)
npm install (安装依赖包)
npm run bulid (打包)

3、进入chrome浏览器添加扩展程序：
chrome浏览器>> 更多工具>> 扩展程序，进入下图页面：
　　　　（1）勾选开发者模式
　　　　（2）点击加载已解压的扩展程序（选择地址为：安装路径>> vue-devtools>>shells>>chrome），将chrome文件夹导入
　　　　（3）点击确定就能安装成功

5、此时地址栏右侧出现vue的图标，在vue项目下图标变为亮色，能够在开发者工具中进行vue的调试：

但是安装完后点击右上角图标出现Vue.js is detected on this page. Open DevTools and look for the Vue panel.
且
这个栏没有vue（这里有是因为已经解决啦）
然后我们需要在项目的main.js里加一句代码：Vue.config.devtools = true
然后还是不行，
我们还需要去vue-devtools->shells->chrome->manifest.json

把persistent的false改成true
大功告成~