vue-devtools安装使用教程

安装vue-devtools的时候最容易走的一个坑，直接按照别人教程安装、或者直接进github克隆，此时克隆的是dev测试分支，所以后面一直安装不上。此时可以进入master主分支克隆，或者输入以下地址克隆（建议）

克隆地址：git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

1、在其他盘新建一个文件夹，打开git bash命令行输入 git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

2、下载完成后在vue-devtools文件夹下，shift+鼠标右键打开powershell窗口，输入npm install，安装了淘宝镜像可以cnpm install 速度更快

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

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

5、在将chrome文件夹拖入谷歌浏览器扩展程序中

 

作用：在谷歌浏览器中添加扩展程序后，会提示网站是否基于Vue构建，并且控制台有Vue调试工具，便于我们使用Vue开发项目，终于成功啦，总是走坑整死人昂！