vue devtools的下载安装,以及安装后F12不显示的问题

本文详细介绍了如何在翻墙和无翻墙环境下下载并安装vue-devtools插件,包括步骤和常见问题解决,助您快速掌握Vue应用调试技巧。

vue-devtools是一款浏览器的插件,用于vue应用的调试,这款插件可以极大提高我们的调试效率。

下载

可以翻墙的直接在谷歌插件商店下载

不可以翻墙的可以通过下面方法获取

        下载地址:百度网盘 请输入提取码

        提取码:urps

安装(谷歌浏览器为例)

1、打开浏览器

 点击右上角三个点  

2、找到更多工具打开

3、找到扩展程序

4、右上角开发者模式打开

5、把刚才下载的crx文件直接拖入

安装完成

打开你的本地项目 F12

正常情况下

 如果没有出现vue

第一种原因:看你打开的项目是不是本地的----http://localhost:1024

如果不是第一个原因造成不显示,进行一下操作

首先找到这个插件安装的位置(我浏览器谷歌为例)C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\5.3.4_0

打开manidest.json文件

 

 保存,重新F12就可以了

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值