关于谷歌浏览器安装了vue-devtools插件但在浏览器控制台不显示vue标签的解决方案

最近重新安装了谷歌浏览器,又新建了一个vue2的项目。在安装了vue-devtools之后,始终无法在开发者工具中找到vue标签。

在网上查找了很多方案,最终成功调出了vue标签,现记录一下,以备后续

 

1、vue-devtools版本问题

能支持vue2的devtools版本最高为 6.6.4,7.x的版本只能支持vue3

 

2、在代码中开启开发模式

在main.js文件中增加代码

Vue.config.devtools = true

 

3、修改vue-devtools设置

Snipaste_2025-09-04_15-54-02

 

 

结论:

已成功在开发者工具中找到 vue 标签

Snipaste_2025-09-04_15-56-34

 

posted @ 2025-09-04 15:58  曾经的碎片  阅读(422)  评论(0)    收藏  举报