下载并安装vue-devtools(详细步骤)

这篇博客详细介绍了如何手动下载并安装Vue.js的开发者工具。首先,从github上找到正确的分支下载安装包,然后通过npm进行安装,如果npm速度慢,可以使用cnpm加速。接着执行npm run build命令,最后在浏览器的扩展程序中加载已解压的扩展程序,选择正确路径即可完成安装。整个过程简单明了,适合开发者进行本地调试Vue应用。

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

1,访问github地址:https://github.com/vuejs/devtools下载安装包(zip)(之前是dev和master分支,现在没有了,现在找的这个分支能用);

2,进入到解压后的devtools-add-remote-devtools包中,在文件夹路径中打开cmd窗口,执行npm i(如果慢的话可以使用cnpm淘宝镜像:

npm install -g cnpm --registry=https://registry.npm.taobao.org)

3,然后执行npm run build

 4,最后在浏览器找更多工具-->扩展程序-->加载已解压的扩展程序,接着选择找到刚才解压的文件夹 ,目录层级为:devtools-add-remote-devtools-->shells-->chrome即可实现。

 完美收工!!!

评论 19
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值