在各种浏览器自带的插件商店自行下载，本人使用edge浏览器下载

进入管理扩展页面，打开开发人员模式

点击vue.js devtools插件的详情页面，勾选允许使用文件url，收集错误等选项（总是就是都勾上）

点击详细信息

打开插件至此安装完成，在使用非生产模式vue构建的页面打开调试工具可以发现vue选项卡

这个问题也困扰我一天，终于在一次偶然的对比下发现端倪（大概率是调试工具不支持最新版的包？）

vue2开发时，引用vue包时请使用vue2开发文档中的cdn

vue2官方网站：Vue.js (vuejs.org)

官方开发文档中使用的cdn：https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js

script引用代码：