如果你在使用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项目才会出来
祝大家 安装成功
