如果你在使用vue开发项目 浏览器中没有安装vue调试工具 显然不能算是一个合格的vue开发者

 vue-devtools 开发工具能帮我查看当前组件的显示状态和 追踪vuex中数据状态 能帮我们的开发达到一个事半功倍的效果

1.我按照网上的指示安装的 

首先先访问  git地址拿到源码    https://github.com/vuejs/vue-devtools.git

下载代码之后 解压  

安装依赖   npm install   最后 在执行 npm run build  一直报错 这里我一直走不下去  然后这种方法舍弃了 

2.直接在线下载好 插件 解压

https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd    // 点击推荐下载

在谷歌浏览器地址中输入

chrome://extensions/       // 如果没有显示 添加扩展工具的话 请把左侧的开发者模式打开

把解压包里面的那个crx 文件直接拖拽过来  到空白位置  安装成功之后 重启浏览器

注意 vue开发者工具 你得运行一个vue项目才会出来 

祝大家 安装成功