1、将vue-devtools项目下载下来。项目地址https://github.com/vuejs/vue-devtools
打开cmd或git bash终端。输入 git clone https://github.com/vuejs/vue-devtools.git
然后进入dev-tools文件夹下
2、安装依赖
cnpm install
![](https://images2018.cnblogs.com/blog/1315840/201807/1315840-20180717102959116-1299005083.png)
出现上面圈中的问题,重新安装对应的插件
![](https://images2018.cnblogs.com/blog/1315840/201807/1315840-20180717103011600-1517531305.png)
3、安装后,输入cnpm run build
4、打开谷歌浏览器。更多工具---扩展程序
![](https://images2018.cnblogs.com/blog/1315840/201807/1315840-20180717103033241-972504592.png)
5、打开开发者模式----加载已解压的扩展程序
![](https://images2018.cnblogs.com/blog/1315840/201807/1315840-20180717103232157-1685938355.png)
6、选择安装的vue-devtools目录下的shells下的chrome文件夹。
![](https://images2018.cnblogs.com/blog/1315840/201807/1315840-20180717103423946-1860283399.png)
7、把shells文件夹下chrome的manifest.json文件里的persistent的false改为true
![](https://images2018.cnblogs.com/blog/1315840/201807/1315840-20180717103145634-887980328.png)
8、重启浏览器。