1、vue调试工具安装
首先到网站上寻找vue-devtools下载
推荐到 github上面下载
cmd使用如下命令(前提是你要装有git)：
git clone https://github.com/vuejs/vue-devtools
当然如果可以上google的话直接到应用商店下载
2、将下载的文件解压，进入到解文件夹vue-devtools的目录，安装项目所需要的依赖包。
安装方法：npm install 或 cnpm install
（cnpm命令是国内的镜像，速度会快一些）
下图是编译过程
3、安装完成，如下所示，然后我们打开编译好的文件，编译过程报错的话，记得用npm清除缓存再试试
4、编译项目文件
npm run build
如下所示，代表已经编译成功
5、将编译好的组建添加到google浏览器，goole浏览器地址栏输入：chrome://extensions/ ，然后选择加载已解压的扩展程序，然后编译包目录下找到 chrome，点击确定，如下所示就是编译好的组建已安装
6、如果出现这个错误Vue.js is detected on this page. Open DevTools and look for the Vue panel. 可以修改如下图所示的地方为true，如果还不行 看看自己的js中是否引入vue的调试
7、vue-devtools 成功安装后的界面如下图所示
