Vue2的VueTool工具开启失败解决方案

bboykungu

于 2021-03-05 11:33:03 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： vuejs 文章标签： vue-cli3 chrome devtools

本文链接：https://blog.csdn.net/bboykungu/article/details/114387860

当Vue2的VueTool工具开启失败时，可以检查以下几点：1) 确保已在Chrome扩展中安装VueTool；2) 查看vue.config.js中devtool配置是否在非生产环境下设为false；3) 检查是否因使用CDN加速Vuejs导致开发版本警告失效。通过安装扩展、调整配置和避免CDN加速，问题通常能得到解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue2的VueTool工具开启失败解决方案

有时候我们明明打开了devtool设置为true，并按chrome上安装了vueTool后，发现还是没有在控制台里显示vue的tool等问题：

1、如果是没有安装vueTool，可以到chrome的扩展里面选择并安装

在这里插入图片描述
如果是没有科学上W的话可以github上手动down下仓库来安装

git clone https://github.com/vuejs/vue-devtools

cd vue-devtools

npm install

npm run build

在这里插入图片描述
然后就是扩展Chrome插件

打开Chrome浏览器 > 选择更多工具 > 扩展程序 > 打开开发者模式

点击加载已解压的扩展程序, 找到刚才生成的chrome文件夹，选择 vue-devtools > shells &

最低0.47元/天解锁文章