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

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

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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值