没有外网,不用翻墙Mac安装react developer tools

非常感谢博主ygman 转参考博文
因本人按照此博文安装还是遇到了一些小问题,所以这里在补充自己遇到的问题及解决
安装步骤:
1、进入该GitHub网址下载zip源码,因博主给的链接对应的分支不是所要分支,所以开始我下载安装报错,这里给直接地址,而非参考博文中的地址:分支v3地址
2、下载后把对应文件夹拖到终端

在这里插入图片描述
在终端中输入命令安装依赖

npm --registry https://registry.npm.taobao.org install

如下图所示则是安装成功
在这里插入图片描述
接着运行

npm run build:extension:chrome 

如下图所示则表示成功
在这里插入图片描述
3、最后打开Chrome浏览器,输入网址chrome://extensions/
进入扩展程序,这里原博文没有写的那么详细,详细操作时如图,先点击加载已解压扩展程序,再弹出文件路径选择,选择你下载下来的那个文件夹,对应我的也就是本文中第一张图片对应的文件夹,然后按照下图红色路径选中unpacked文件夹,点击选择即可在这里插入图片描述
然后就可以在浏览器右上角看到灰色的花花的标记了,如果你打开了react项目,花花标记就会由灰色变成红色,如下图
在这里插入图片描述
至此,成功!再次感谢ygman的博文

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值