zoukankan      html  css  js  c++  java
  • React开发者工具安装

    初学React,记录一下开发工具react-developer-tools的安装和使用

    1、下载react-developer-tools,谷歌下载.crx后缀的文件,火狐下载.xpi后缀的文件。

    由于需要翻墙,此处提供一下分享地址,只供Chrome使用:

    链接:https://pan.baidu.com/s/1ltcx6yCeWfCQcRDYa5P9eQ
    提取码:390t

    2、安装插件(Chrome浏览器)

    打开Chrome浏览器,找到扩展程序,将下载的插件拖入浏览器的扩展程序里面,然后选中启用和允许访问文件网址

    注意一定要打开允许访问文件网址,否则file协议打开的页面检测不到react,如图

     React-Dev-Tools会自动检测React组件,不过在webpack-dev-server模式下,webpack会自动将React组件放入到iframe下,导致React组件检测失败,变通方法是webpack-dev-server配置在--inline模式下即可。

    直接引入的资源,开发环境也是检测不到的,需要引入生产环境的资源

    3. 使用

    在chrome浏览器下,打开调试工具,toolBar里面会出现Components选项和Profiler选项,右侧则是props--组件属性,state--组件状态。

  • 相关阅读:
    面向对象高级
    面向对象进阶
    python文件的两种用途
    python常用模块
    模块的搜索路径
    循环导入问题
    模块的导入
    面向过程编程
    函数及嵌套函数调用
    python文件操作详解
  • 原文地址:https://www.cnblogs.com/gopark/p/12253892.html
Copyright © 2011-2022 走看看