谷歌安装vue检测元素扩展程序

前提： 你的网络不能翻墙，

在你vue项目F12 console下面有个github地址点击进去之后下面会有提示如何安装

比如： 先把GitHub  Clone or download下把地址拷贝一下  在你项目下  git clone 地址  确定回车，之后会在你项目里多出一个vue-devtools文件夹，cd到vue-devtools文件夹里 之后npm install  安装它所依赖的模块，等安装好了之后npm run build给当前打包，

之后去谷歌浏览器扩展程序里面选择开发者模式，加载已解压的扩展程序选择vue-devtools文件夹里shells文件夹下的chrome选择，之后刷新下谷歌浏览器，如果浏览器地址栏右侧有个vue图标并且变了高亮颜色，证明扩展程序加载完成，F12进入检查元素里面就会有个vue选项；

前提： 你的网可以翻墙，

在谷歌浏览器更多工具   > 扩展程序 > 打开Chrome网上应用店 > 搜索vue > Vue.js devtools > 选择添加 

之后在vue项目F12就可以看到有个Vue选项卡