下载vue.js devt-tool失败,解决方案

          最近在学习Vue,为了便于开发,于是在chrome浏览器上安装vue-devtools,Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。按照网上最常见的方法。

第一步:首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools

第二步:将下载下来的压缩包解压到本地(路径最好为全英文)

第三步:打开命令行,cd到解压后的文件目录下,执行 npm install

第四步:执行npm run build

第五步:可以看到文件目录下,多出了一个 shells目录,修改shells/chrome目录下的mainifest.json 中的persistant为true

第六步:打开Chrome浏览器 >  更多工具 > 拓展程序 ,点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入。

      但是我在第四步就出现问题了,执行   npm run build  报错如下:

网上找了很多方法都无法解决。然后发现了更简单的安装方法,特此来分享。

1、进入  https://chromecj.com/Handler/Download/1695 下载压缩包

2、打开chrome浏览器,找到扩展程序打开

3、将下载下来的压缩包解压,将解压后的文件夹放入扩展程序

4、打开chrome商店,在搜索栏输入:vue.js devtools 然后启用,就成功了。

 

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值