Vue.js devtools插件下载
在各种浏览器自带的插件商店自行下载，本人使用edge浏览器下载
配置插件
进入管理扩展页面，打开开发人员模式
点击vue.js devtools插件的详情页面，勾选允许使用文件url，收集错误等选项（总是就是都勾上）
点击详细信息
打开插件至此安装完成，在使用非生产模式vue构建的页面打开调试工具可以发现vue选项卡
安装插件后调试工具中不显示的问题
这个问题也困扰我一天，终于在一次偶然的对比下发现端倪（大概率是调试工具不支持最新版的包？）
vue2开发时，引用vue包时请使用vue2开发文档中的cdn
vue2官方网站：Vue.js (vuejs.org)
官方开发文档中使用的cdn：https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js
script引用代码：
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>