vue-devtools工具安装

本文介绍号称vue调试神器的Chrome插件安装方法。安装较麻烦,需从git下载、解压、npm install、build、改json等,还给出最终成品文件夹百度网盘链接。同时记录了chrome插件安装步骤,安装后打开vue项目控制台有vue选项即成功,还提醒要固定文件夹位置。

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

号称vue调试神器,记一下

在网上搜了一下,安装起来还挺麻烦的,从git下载,解压,npm install,build,还要改json,很多流程,最后是要在谷歌浏览器里面添加插件,就直接码一下最终要安装的插件吧,是我一系列操作以后的最终成品文件夹,以防以后再用到,直接就可以用。
百度网盘地址链接: https://pan.baidu.com/s/1jjklqQhf5lJA_nkUdLxX4w 提取码: wy93
至于chrome插件安装,emmmmmm,还是记一下吧

地址栏输入 chrome://extensions/

开发者模式打开
在这里插入图片描述
点击“加载已解压的扩展程序”,选择刚下载的chrome文件夹,直接确定添加就完事了。
安装以后在谷歌浏览器打开vue项目,控制台会有vue选项
在这里插入图片描述
到这里就表示成功啦。

注意:一定要把下载的chrome包放在一个电脑中平时不会移动到的地方,不然只要文件夹位置发生变化,浏览器中安装的扩展程序就没了。

完了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值