首页 > 其他分享 >react的react-devtools 工具

react的react-devtools 工具

时间:2023-03-02 14:35:53浏览次数:54  
标签:git chrome 步骤 react 文件夹 devtools 工具

步骤1:

访问react-devtools工具网址: https://gitcode.net/mirrors/facebook/react-devtools?utm_source=csdn_github_accelerator

步骤二:

克隆到本地, 打开克隆后的工具文件夹
git clone https://gitcode.net/mirrors/facebook/react-devtools.git
cd react-devtools

步骤三:

执行如下命令
git checkout v3
npm --registry https://registry.npm.taobao.org install
npm run build:extension:chrome

步骤四:

生成文件夹 xxxx\react-devtools-master\react-devtools\shells\chrome\build\unpacked

步骤五:

打开chrome 地址栏输入chrome://extensions/打开扩展程序,选择-->加载已解压的扩展程序,打开的文件夹选择自己相应路径下的unpacked文件夹即可

标签:git,chrome,步骤,react,文件夹,devtools,工具
From: https://www.cnblogs.com/wuzimeimei/p/17171667.html

相关文章

  • 【嵌入式】MATLAB的Simulink工具学习目录
    入门建模仿真视频教程1、控制策略开发与MATLAB应用2、Simulink基础模块库讲解教程3、自动生成代码技术讲解4、SimulinkPID控制模型例子模糊PID控制、仿真模型、模糊......
  • Kubernetes DevOps CD工具对比选型
    目录KubernetesDevOpsCD工具对比选型一、Flux二、ArgoCD三、JenkinsX四、方案比较KubernetesDevOpsCD工具对比选型一、Flux1.1安装Flux安装和部署其他Pod的方式......
  • zustand react ts使用
    一款redux替代品的状态管理 实现:react状态管理ts支持数据持久化储存store模块封装三种引入使用的方法 1、installnpminstallzustand#oryarnaddzusta......
  • CTF中的神兵利刃-foremost工具之文件分离
    原理Foremost可以依据文件内的文件头和文件尾对一个文件进行分离,或者识别当前的文件是什么文件。比如拓展名被删除、被附加也仍然可以对其分离。使用安装:需要使用这个......
  • dotnet-cnblogs-tool 工具使用
    工具的作用在下面第一部分原作者的GitHub说明和博客中有介绍,此文中就不在说明。目录一、DotNet博客园图片上传工具二、dotnet-cnblogs安装与使用三、快捷方式的分享点四......
  • spring-boot-devtools 使用方式
    spring-boot-devtools随着项目的规模扩大,为了解决项目在修改代码后的重启时间过长的问题,在项目中引入了spring-boot-devtools。在典型的应用程序开发场景中,开发人员会进......
  • Git工具
    Git工具git简介最主流的代码管理软件,同为代码管理软件还有少部分公司使用svn。它们的主要功能有:帮助开发者合并开发的代码,协同开发如果出现冲突代码的合并,会提示......
  • 哈希工具john
    john:一种极其强大且适应性强的哈希破解工具爆破字典使用臭名昭著的rockyou.txt词表——这是一个非常大的常用密码词表使用的工具字典:rockyou.txt哈希识别工具:hash-id......
  • 2023-03-01 react-native 实现 复制功能 @react-native-community/clipboard 报错:Type
    我的react-native(下称rn)版本为0.68,要实现这个功能主要用到rn的clipboard,在21年的时候他就已经提示clipboard会在未来的版本中上去掉,官方的建议是不要再从react-native引入,......
  • vue3的ref、reactive、toRefs特性详解
    了解ref()、reactive()这两个特性之前,我们先回顾一下vue2中data和method方法。在vue2中我们定义一个响应式变量name,通过点击事件handle来改变name的值是通过如下方式写的。......