vue调试工具vue-devtools安装不踩坑

今日安装vue-devtools，到github下载，默认是next分支，按流程折腾一番，npm run build 时居然直接报错，看了下版本，“6.0.0”，报错截图：

版本太高，果然是需要时间磨练磨练的，经过多番折腾，换个版本，完美解决，哈哈~~：

1.打开git bash，执行命令克隆

git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

2.下载完成后进入文件夹，安装

cd vue-devtools  // 进入
npm install  // 安装

3.安装完成后，在vue-devtools/shells/chrome下找到mainfest.json文件打开，并将persistent的值改为true

3.运行指令：npm run build（记得要运行）否则chrome会报无法加载背景脚本“build/background.js”错误

npm run build

4.在vue-devtools/shells/chrome下将chrome文件夹拖入谷歌浏览器扩展程序中，记得打开开发者模式。拖入成功后长这样：

5.此时就代表成功了，看下效果，在我们本地开发项目运行的浏览器中打开控制台，就可以看到Vue调试工具了，开发调试更方便，踩了半天坑心累，整理一下吧~~