react 调试

react 调试:

安装调试工具:React 开发者工具

该工具连接地址:https://github.com/facebook/react/tree/master/packages/react-devtools

我react项目是window使用npm构建的:

  1. 进入项目目录

  2. 执行npm 下载命令,安装react开发者工具

  3.  

  4. windows 命令行窗口,切换到项目所在目录,执行  react-devtools ,启动react开发者工具,如下图

  5.  

  6.  

    会弹出如下窗口

     

    7.按面板的提示,把<script src="http://localhost:8097"></script> 添加到要调试的 的html 页面的<head></head>标签内,react_devtool调试面板就出来了,如下图

     

     

     

     

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值