Chrome调试Vue插件devtools

之前一直没用过，只是看到过别人在用，今天有空，自己安装了下，发现还是有点意思的。。。。
1.下载安装包，地址https://github.com/vuejs/vue-devtools，或者你直接用git下载，cd到你下载的目录，然后执行命令

   git clone https://github.com/vuejs/vue-devtools,我是直接去git上下载安装包的，然后解压，项目目录如下:

2.win+R进入cmd模式，cd到vue-devtools-dev文件下，然后npm install,安装node_modules，这个时间较长，你可以选择用cnpm代替npm,安装完毕之后，执行npm run build，这一步不能少，否则你后台打开谷歌的开发者模式后，引入chrome文件会一直提示有background文件错误。

3.修改vue-devtools-dev\shells\chrome中的manifest.json文件，将此文件中的persistent修改为true,如下：

4.然后打开谷歌浏览器，找到设置-->扩展程序-->勾选开发展模式选项-->加载已解压的扩展程序，将vue-devtools-dev\shells的chrome文件放进去，如下:

5.打开你的vue程序，在你们控制台那行会看到多出的Vue一项，这时候就表示安装成功了，不过你最好等一分钟，我立刻安装后，等了几分钟才看到Vue的

愉快的调试代码去了。。。。。。