前提: 你的网络不能翻墙,
在你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选项卡