npm run build无法安装vue devtools,使用另一种方法成功安装

本文详细介绍如何通过npm安装Vue DevTools,并在本地项目中正确配置及使用,包括修改manifest.json文件以确保扩展程序正常运行。

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

近期在学习vue cli,为了方便学习与调试有一个vue-devtools 肯定是要方便一些的。但是呢,我用github 的下载包安装,到npm run build 的时候问题会出现一些问题。下面就介绍一下我解决的方法。
创建一个空文件夹,进入这个文件夹按住 shift + 右键 选择进入powershell ,就可以进入这个文件的终端。
输入
npm install vue-devtools
完成后,进入该文件下的node_modules 文件,找到 vue-devtools 文件,进入其中,将vender 文件拖至谷歌浏览器的扩展程序中即可。在这里插入图片描述
进入verder下的 manifest.json ,修改persistent 为 true。保存后
重启浏览器扩展程序即可使用。
在这里插入图片描述
vue devtools 在用vue做的网站上会变亮但不能查看其结构。只有在本地运行的项目才能查看。

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值