chrome 安装 react-tools和redux-devtools

心已赠人 2022-11-26 15:55 63阅读 0赞

#### 1. 访问这个 react-tools 的 github [https://github.com/facebook/react-devtools/tree/v3][https_github.com_facebook_react-devtools_tree_v3] ####

#### 2. 下载安装包 （如果要 git bash 下载也可以），只要可以下载就行，解压之后，`npm install` ，安装依赖成功之后，![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDc3NzIx_size_16_color_FFFFFF_t_70_pic_center] ####

#### 运行，node build.js，build目录下的unpacked目录就是chrome中所需react-devtools的工具扩展程序包 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDc3NzIx_size_16_color_FFFFFF_t_70_pic_center 1]

#### 即可使用 ####

=======  
因为谷歌插件下载需要翻墙，这里提供一个本地资源：

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

谷歌下载.crx后缀的文件，火狐下载.xpi后缀的文件。  
![在这里插入图片描述][20210310202417674.png]  
下载对应的文件即可

====  
redux-devtools 安装，详情请看：[https://www.jianshu.com/p/50fc2c164a52][https_www.jianshu.com_p_50fc2c164a52]

参考文章：  
https://www.cnblogs.com/Ewarm/p/12010716.html  
https://www.cnblogs.com/Super-scarlett/p/8657572.html

[https_github.com_facebook_react-devtools_tree_v3]: https://github.com/facebook/react-devtools/tree/v3
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDc3NzIx_size_16_color_FFFFFF_t_70_pic_center]: /images/20221124/23d09d6752c94999aa14e09f9072ac1d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDc3NzIx_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221124/745df7c3763049d186615c59874e2385.png
[20210310202417674.png]: /images/20221124/ad85c7bc09214d11807d894e27158909.png
[https_www.jianshu.com_p_50fc2c164a52]: https://www.jianshu.com/p/50fc2c164a52