react调试工具离线安装

最新推荐文章于 2022-08-19 16:20:24 发布
最新推荐文章于 2022-08-19 16:20:24 发布
阅读量582 收藏
点赞数
分类专栏： Java基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wan_zaiyunduan/article/details/116394821
版权

一、V3安装

1、在facebook官网下载react-devtools安装包，链接

https://github.com/facebook/react-devtools/releases

2、放到指定目录下，解压，“加载已解压的扩展程序”，选择文件夹，点选择。查看，发现已经安装成功

二、V4安装

这里可能有一个问题，我们安装的是v3的版本，如果react项目版本是^17.0.1，会报以下错误，通过脚手架，一般都大于这个版本

npm info react 可以查看react版本

下载crx4，直接拖到扩展程序中安装，链接

https://www.crx4chrome.com/crx/3068/

wan_zaiyunduan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native IOS离线版安装
yjxommm2005的博客
06-01 583
ReactNative 打包命令说明 使用 react-native bundle --help 来查看打包的具体参数 react-native bundle [参数] 构建 js 离线包 Options: -h, --help 输出如何使用的信息 --entry-file RN入口文件的路径, 绝对
react Chrome插件开发者工具 react-devtools
06-18
这款工具可以通过Chrome浏览器的扩展程序进行安装和使用，也可以在开发模式下通过加载解压后的文件进行调试。 首先，让我们来详细了解一下React DevTools的核心功能： 1. **组件树查看**：React DevTools可以在...
chrome安装react-devtools开发工具
qing_小诺的博客
08-19 3675
在网上找的 react-devtools 离线包乱七八糟、各色各样，放在浏览器中工具展示的并不清晰。那就根据官网自己编译一个用吧，下面记录下怎么编译的，不想编译的，可以直接下载这个文件，然后直接跳到最后一步的安装扩展程序即可。）把上面README中写的翻译过来就是：此项目已迁移到扩展的v3的源代码可以在v3分支中找到。要从源代码构建v3浏览器扩展：（需要执行下面的命令）
React Developer Tools 3.2.1 Chrome离线包
04-26
React Developer Tools 3.2.1 Chrome 扩展程序离线包 开发者工具
离线安装React developer tools
weixin_44932552的博客
03-02 1090
下载链接http://www.cnplugins.com/devtool/react-developer-tools/ 显示程序包无效的解决方案：把下载好的.crx扩展名的离线Chrome插件的文件扩展名改成.zip或者.rar，然后在当前文件夹解压，解压城后在Chrome的地址栏中输入：chrome://extensions/ 打开Chrome浏览器的扩展程序管理界面，并在该界面的右上方的开发者...
react_dev_tools离线安装
_fan的博客
12-25 1341
下载地址 链接：https://pan.baidu.com/s/1oDmMhdDrMlRpHCCv8X8i-Q 提取码：ti5e 这里附加一个redux_dev_tools，学react绕不开redux，建议都安装了，流程都一样 链接：https://pan.baidu.com/s/1moJyDgWzbH33qAzyTT1Q6Q 提取码：xnda ### 安装流程 1.将下载的压缩包解压到你想放的地方 2.打开谷歌浏览器，右上角三个点 -- 更多工具 -- 扩展程序 ![在这里插入图片描述](https
react环境安装
qq_35070932的博客
06-29 93
Webpack Webpack是一个现代的JavaScript应用程序的静态模块打包器（module bundler）。当webpack处理应用程序时，它会递归地构建一个依赖关系图（dependency graph），其中包含应用程序需要的每个模块，然后将所有的这些模块打包成一个或多个bundle。 环境安装 全局安装create-react-app $ npm install –g create-react-app 创建一个项目 $ create-react-app your-app 注意...
react学习资料中所需要的依赖包，在此下载即可
05-10
10. **Jest** & **Enzyme**：Jest是广泛使用的JavaScript测试框架，而Enzyme是专门针对React组件的测试工具。它们可以帮助你编写单元测试和集成测试，确保代码的稳定性和可靠性。 以上是React学习过程中可能涉及的...
web开发必须工具离线chm(W3schoolchm目前最新最全的)
10-30
虽然不是所有Web开发工具，但现代Web开发经常使用前端框架如Bootstrap或React来加速开发进程。尽管CHM文件可能不包含这些框架的最新版本，但了解基本原理和工作方式仍然是必要的，它们可以帮助你构建响应式和模块化...
websocket-debug-tool：用于调试websocketsockjsstomp的工具
02-05
WebSocket调试工具 调试websocket / sockjs / stomp的工具。 产品特点 支持WebSocket / ，有或没有 React + ES6 + Webpack + 快速开始 打开并直接使用。 注意跨域策略。 如果您想修改源代码： 节点5.3 +，npm 3.3...
create-react-app-offline:离线创建无构建配置的React应用
05-12
创建React App（离线版本-CRAO） 每次都无需脱机创建没有构建配置的React应用程序。 安装CLI 第一次，您需要通过此命令安装CRAO CLI，然后才能离线创建React应用。 npm install -g create-react-app-offline 用法 很简单，就像喝水一样 crao -n < app> 例如 ： crao -n my-app 它将在当前文件夹中创建一个名为my-app的目录。 在该目录内，它将生成初始项目结构并安装可传递依赖项： my-app ├── README.md ├── node_modules ├── package.json ├── .gitignore ├── public │ ├── favicon.ico │ ├── index.html │ └── manifest.json └── src
react.js完整安装包
06-05
压缩包中为 react-15.3.2 版本的相关文件以及一些示例，该文档由react官网下载，更多版本的文档请访问官网。
React Developer Tools 0.15.4
01-16
React Developer Tools 0.15.4
react-devtools-2.5.0.zip
08-18
chrome react devtools插件
react-devtools-tutorial:具有React DevTools v4的交互式教程
03-10
React DevTools教程 请参阅的教程。 发展 yarn install yarn start
安装一下React developer tools
purple_lumpy的博客
01-13 370
应该是要翻墙。 先翻吧，然后打开chrome 中的扩展程序，如下。      然后，点扩展程序，如下，进入网上商店，。      然后找到react  developer tools，添加至Chrome 即可。...
React离线转换
huangbaokang的博客
09-05 1046
先安装命令行工具npm install -g react-tools进入react安装目录C:\Users\yangfeng>cd C:\Users\yangfeng\Downloads\react-0.13.1C:\Users\yangfeng\Downloads\react-0.13.1>jsx --watch src/ build/ built Module("helloworld") ["h
react的脚手架的安装
chu_geng的博客
09-26 176
1、在想创建react的文件夹中shift+右键打开命令行（注：需要安装node）      npm i create-react-app -g（-g是全局安装的意思） 2、创建项目      create-react-app 项目名称      比如：my-app 3、出现Success!就创建好了 4、npm start启动项目（会自动在默认浏览器打开地址一般是location:30...
React-devtools安装包及安装方法详解
qq_41951724的博客
10-10 1940
react-devtools安装 这里介绍两种安装方法：第一种从github官网下载，会比较麻烦，但是过程值得了解。第二种就是直接给鱼的操作。 github下载：https://github.com/facebook/react-devtools.git之前是在这个地址进行下载，现在已经改变了地址，原md文件也有写https://github.com/facebook/react-devtools/tree/v3别人都说使用git clone进行下载，在这里不推荐使用git仓库下载，因为真的卡，直接下载安
react 调试工具
最新发布
09-07
React有一些类似的调试工具可以帮助开发者进行调试。其中两个推荐的工具是react-dev-inspector和click-to-component。 react-dev-inspector是一个调试工具，可以直观地展示缓存状态的变化。使用react-dev-inspector，你需要在入口文件中添加相应的代码，并引入相关的依赖库。通过react-dev-inspector，你可以方便地观察和调试React组件的状态变化。 click-to-component是另一个方便的调试工具，与react-dev-inspector相比，使用起来更加简单。只需要在根目录引入该组件，并无需进行额外的配置，即可直接使用。click-to-component可以帮助你快速定位和调试React组件。 这些调试工具可以帮助开发者更好地观察和调试React应用程序，提高开发效率。无论是通过直观展示缓存状态的变化还是通过点击定位组件，这些工具都可以帮助开发者更好地理解和调试React应用程序。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值