Chrome浏览器安装vue-devtools插件

1. 进入vue-devtools的官网 https://github.com/vuejs/vue-devtools

1. 切换到master分支上，默认是dev分支

1. 下载到本地，并解压缩

4. 在vue-devtools-master文件目下， 进行npm install 安装，也可以是cnpm install，使用cnpm会比较快一些

1. 在vue-devtools-master文件目下，执行npm run build，编译打包成功后会在shells下生成chrome文件夹。此文件夹就是用来放入chrome的扩展程序。

6. 添加Chrome插件

打开Chrome浏览器 ->选择更多工具->扩展程序 ->打开开发者模式

点击加载已解压的扩展程序, 找到刚才生成的chrome文件夹，选择 vue-devtools > shells > chrome 放入,

安装成功如下图