vue.js的devtools安装

关于devtools安装，可以在chrome商店下载，但是呢要翻墙。并不是每一个人都可以翻墙的哦。
更推荐使用github下载到本地使用npm安装。
一、git上下载压缩包
地址：https://github.com/vuejs/vue-devtools
二、下载压缩包到本地后，解压到某盘，我是解压到c盘的。
三、进入vue-devtools-master，执行npm install ----->npm run build.
如果使用npm安装不好的话，可以换成cnpm，我开始用npm安装就各种报错，换成cnpm就ok了。
四、进入vue-devtools-master\shells\chrome，修改manifest.json 中的persistant为true

devtools.png
五、打开谷歌浏览器——更多工具——点击扩展程序——在出现的页面中勾选“开发者模式”——点击“加载已解压的扩展程序”——点击加载解压好的包里的C:\vue-devtools-master\shells\chrome
记得加载的是vue-devtools-master\shells\chrome哦。
如果加载的是vue-devtools-master，效果如图：
devtools.png
也就是安装不了、加载失败了。
加载成功会看到下图：
good.png
六、打开vue项目，如果是vue-cli构建的项目，执行npm run dev,打开http://localhost:8080/ 服务器调试地址；至此devtools安装完成。