利用npm安装 Chrome浏览器React 开发调试工具---- React Developer Tools 扩展程序


通过进入:https://github.com/facebook/react-devtools

 在readme.md中有介绍yarn安装步骤、说明信息,这里我们改一下,选择用npm安装。

1.建一个文件夹xxx,并用VScode打开

2. git clone https://github.com/facebook/react-devtools.git      (用github上的url,clone到当前文件夹)

 

3. cd react-devtools     (进入react-devtools)

4. git checkout v3      (切换v3分支,因为readme有说明 扩展源代码可能在v3分支中被找到)

5. npm install         (安装所有依赖)

6. npm run build:extension:chrome     (打包)

-------------------------------------------------------------------------------------------------------------------------------------------------

打开Chrome浏览器某一网页:

 

 

 

 

 注意:加载已解压的扩展程序时,先去步骤1创建的xxx文件夹,再按照图示路径找到unpacked

 

 

 加载后,打开一个React项目,就可以使用react调试工具了。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM