安装react-devtools

最新推荐文章于 2023-04-12 18:51:45 发布

原创最新推荐文章于 2023-04-12 18:51:45 发布 · 359 阅读

0 ·

CC 4.0 BY-SA版权

文档整理专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍如何从源码构建React开发者工具Chrome扩展程序。步骤包括：克隆项目仓库、安装依赖包、运行构建脚本生成扩展程序，最后在Chrome浏览器中加载已解压的扩展程序进行安装。

1.clone 项目

git clone https://github.com/facebook/react-devtools.git

2.安装依赖

npm --registry https://registry.npm.taobao.org install

3.打包生成扩展程序

npm run build:extension:chrome

4.打开chrome 安装扩展程序

打开开发者模式 并且点击加载已经解压的扩展程序 并且选择刚才的文件夹(react-devtools -> shells -> chrome -> build -> unpacked)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

IT_大象

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

React devtools最新

01-11

eact React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。

react-devtools 最新插件

03-12

参与评论您还未登录，请先登录后发表或查看评论

chrome安装react-devtools开发工具

w_gold_qin的博客

02-18

1004

1.首先打开官网：https://github.com/facebook/react-devtools 2.本地打开git bash 然后复制上面的github下载链接在git中输入： git clone https://github.com/facebook/react-devtools.git 3.克隆完成以后 cd react-devtools //切换到工程目录 4.git checkout v3 //要从源代码构建v3浏览器扩展 5.npm i //安装依赖 6.cd shells/chr

Chrome安装React-Devtools-3

qq_43026479的博客

10-23

333

Chrome安装React Devtools 原来网上许多教程由于墙和GitHub迁移不可用，故记录新的安装过程。 1.原链接https://github.com/facebook/react-devtools已迁移，可以去v3 branch下载，附上GitHub链接：https://github.com/facebook/react-devtools/tree/v3，download到本地 2....

React DevTools 安装

csdn_poxiao的博客

04-02

1370

4、打开chrome扩展程序chrome://extensions/，加载已解压的扩展程序，选择第3步中的生成的unpacked文件夹。1、去git上下载react-devtools文件到本地，https://github.com/facebook/react-devtools/tree/v3。并且会在你的项目目录中生成一个新的文件夹，react-devtools -> shells -> chrome -> build -> unpacked文件夹。3、安装依赖成功后，我们便可以打包一份扩展程序出来。

react-devtools(4.28.0)

03-24

chrome浏览器安装react devtools

react-devtools-6.1.2.zip

05-22

React Developer Tools是一种浏览器扩展程序，专门用于帮助开发者调试React应用程序。6.1.2版本的React Developer Tools支持React 17.x至19.x版本的开发，它能够与Chrome、Firefox以及React Native等平台结合使用。...

react谷歌开发调试工具 react-devtools 谷歌

07-04

react谷歌开发调试工具 react-devtools 谷歌

react-vue-devtools-6.x.x.zip

最新发布

05-22

在压缩包文件“react-vue-devtools-6.x.x.zip”中，包含了上述两个开发者工具的最新版本，分别为react-devtools-6.1.2和vue-devtools-6.6.4。开发者可以根据需要将这两个工具分别安装到自己的浏览器上，以便在开发...

React-devtools-3.6.0.zip（最新版chrome的React插件）

07-28

React-devtools-3.6.0.zip 是一个针对React开发者的工具包，它与Chrome浏览器兼容，特别是最新版本。这个工具的主要目的是为了帮助开发者更好地理解和调试React应用。React是一个广泛使用的JavaScript库，用于构建...

【前端基础知识】chrome安装React Devtools

qq_42152399的博客

11-06

196

转载地址：https://blog.youkuaiyun.com/wp_boom/article/details/79011177 去git上下载react-devtools文件到本地，下载地址： https://github.com/facebook/react-devtools ；可以直接下载zip安装包解压，或者通过git clone来将项目拷贝到本地git clone https://gith...

chrome 安装 react-devtools 详细教程

qq_39549013的博客

04-12

3767

本文针对无科学上网环境下，react-devtools 的安装。（有科学上网环境可直接在chrome 商店上下载）

安装 react-devtools

AvrilML的博客

03-05

501

去git上下载react-devtools文件到本地，下载地址： https://github.com/facebook/react-devtools ；可以直接下载zip安装包解压，或者通过git clone来将项目拷贝到本地git clone https://github.com/facebook/react-devtools.git 进入react-devtools文件夹，用npm...

安装React Devtools调试工具最新方法

会写bug的小邓程序员的博客

04-17

560

React Devtools调试工具安装，chrome插件安装

谷歌安装 react-devtools 详细步骤

JiangYunWen34的博客

03-26

963

最近想学一下react，在谷歌上面安装react-devtools时看了一些博客，说的比较详细的没有几个，后面在博客园看到一篇有详细步骤+截图的博客。 https://www.cnblogs.com/Ewarm/p/12010716.html 开始安装react-devtools前必须保证本地已安装好Git和node.js，至于Git和node.js的安装方式请自行百度！ 1.首...

安装react-devtools遇到的一些坑

good_moring_的博客

11-27

5443

安装React-devtools之后项目报错在官网下载了3.4.2的压缩包之后直接拖到chrome扩展程序中之后直接安装成功了，正高兴之际就被神速打了脸。我的react项目直接报错了？ Uncaught TypeError: Cannot read property 'forEach' of undefined at Object.injectIntoGlobalHook (react-refresh-runtime.development.js:465) at Object../nod

项目chrome安装react devtools

西洲

04-01

1433

说明：网上从github下载，那套方法，经实验报错， github那个版本太老了，可用下面的方法：下载网站地址 Download React Developer Tools 4.24.0 CRX File for Chrome - Crx4Chrome 下载好以后，按照下面的操作 After you download the crx file for React Developer Tools 4.24.0, open Chrome's extensions page (chrome:.

React developer tools调试工具全网最新最全安装教程