vue-devtools的安装

Vue.js devtools是基于谷歌浏览器的一款调试vue.js应用的开发者的浏览器扩展程序，它可以在浏览器开发者工具下调试代码。

1.Vue-devtools下载地址：https://github.com/vuejs/vue-devtools

2.下载后解压，如果所示：

 3.在命令窗口打开该文件路径 ,执行cnpm install 下载依赖，下载成功以后执行cnpm run build 

 备注：（下图是我安装成功好以后的界面，用于介绍）

 4.修改shells、chrome目录下的mainifest.json 中的persistant为true： 

 

  5.打开谷歌浏览器→更多工具 →扩展程序

6.勾选开发者模式 →拖拽chrome 文件夹到浏览器

此时已经成功安装Vue.js devtools扩展程序。

方法二：在谷歌浏览器的应用商店中直接下载该扩展程序。（前提必须登录谷歌账号，并且能够上网）

此图是成功添加后的图片：

第三种方法 ：针对于第二种方法，可能需要登录谷歌应用商店，受各种原因限制，

 Chrome 浏览器获取扩展方法汇总

Chrome 浏览器插件下载中心

  下载成功后的插件直接拖进谷歌浏览器扩展程序里面

推荐使用第三种方法（效率高）

注意：浏览器中只能添加一个Vue.js devtools扩展程序，否则程序会报错。