2022/4/2-下载react调试工具 React developer tools Devtools

因为本人并没有翻墙,所以只好在github下载react调试工具。

步骤:
1.进入 https://github.com/facebook/react-devtools/tree/v3 后下载zip,压缩。
2.打开命令行,进入react-devtools-3文件夹,输入命令:npm --registry https://registry.npm.taobao.org install (如果没有安装成功就再输入一次)
3.此时看看package.json是否有build命令,如果有,就可以输入命令:npm run build:extension:chrome
4.打开chrome扩展程序:chrome://extensions/ ,点击“加载已解压的扩展程序”,进入react-devtools-3\shells\chrome\build,选择unpacked文件夹,点击“确定”
5.在命令行输入:run test:chrome
6.打开右上角的扩展程序,可以看到react工具
打开控制台,也可以看到react测试。
如图:
在这里插入图片描述
如果react图标显示绿色,则可以在控制台找到react信息:(这里因为知乎用的是react.js,所以可以看到)
在这里插入图片描述
说来不争气,这个开发工具是3.6版本的,开发时不适用还出一堆问题,需要安装4.0以上的。最后我还是fan了,用originCloud,已经可以用了。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值