谷歌浏览器安装vue-devtools

vue-devtools安装


安装之前,确保有node环境

下载

github下载地址
下载的方法有很多,这里就不一一叙述。如果不会git语法,最直接的方式就是点击clone or download下载zip到桌面解压。
在这里插入图片描述

安装

cd命令进入到vue-devtools-dev目录
在这里插入图片描述
运行npm install(也可使用淘宝镜像cnpm install)
在这里插入图片描述
打开vue-devtools-dev\shells\chrome这个目录下的manifest.json文件,将persistent中的false改为true
在这里插入图片描述
运行npm run build(也可使用淘宝镜像cnpm run build)
在这里插入图片描述
打开谷歌浏览器扩展程序
菜单->更多工具->扩展程序->加载已解压扩展程序
**未打开开发者模式的要在这个界面打开开发者模式
在这里插入图片描述
选择vue-devtools -> shells -> chrome文件夹
在这里插入图片描述
此时安装完成
在这里插入图片描述
**当然,如果你能够科学上网,在谷歌浏览器的插件市场直接搜索安装vue-devtools是最方便的。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值