谷歌浏览器安装vue插件(vue-devtools)

第一步 下载vue-devtools

如果可以上谷歌商店,是可以直接安装的,不需要这么麻烦.
先去GitHub下载vue-devtools,链接如下
https://github.com/vuejs/vue-devtools/
不过我今天这个npm run build报错咋都解决不了,然后
下载master分支vue-devtools 可以打包编译成功,链接如下
https://github.com/vuejs/vue-devtools/tree/master
建议下载master分支vue-devtools,目前那个会报错
点击=在这里插入图片描述

第二步 npm

下载解压之后,在文件目录,打开终端,注意路径要在/vue-devtools文件夹里
在这里插入图片描述
然后执行npm i 去安装依赖包,这里如果没有npm可以先安装node.js,它自带npm不过有可能版本低,要更新一下npm.
在这里插入图片描述
然后执行 npm run build
在这里插入图片描述
然后就可以去谷歌浏览器安装插件.

第三部 浏览器安装插件

在浏览器输入chrome://extensions/ 打开扩展中心,因为安装离线插件,要打开开发者模式
在这里插入图片描述
点击加载已解压扩展程序 路径为vue-devtools-master\shells\chrome,这样就安装成功了.
在这里插入图片描述

有什么不对的地方,欢迎各位指导,共同学习!

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值