在安装完Vue.js devtools后，打开自己写的vue网页，发现右上角vue图标是灰色，而且通过F12打开控制台也没有Vue这个选项。 通过上网查询： 提到最多的是打开Vue扩展程序，打开无痕模式（隐私模式）下启用，和允许访问文件网址，这两项。 对于自己的还是没有用，鼠标左键点击Vue图标（扩展程序已将Vue固定到了页面）会出现提示类文字。 情况一： Vue.js not detected ，Vue图标是灰色，这种情况通常可以通过上面那个方法解决。 情况二： Vue图标是高亮的，但是控制台没有Vue项目。该情况关键信息是“because it’s in production mode ” 需要将webpack的开发环境由 “production” 改为"development"。可以参考这位仁兄的。 如果还不行的话：打开vue插件安装位置，打开mainifest.json，
将mainfest.json中的persistent：false，修改成persistent：true。
进行到这里的时候，我的已经好了。 控制台能够出现Vue时，点击右上角vue图标，提示为： 以上内容为仅供参考，欢迎大家讨论。