一、下载

 

  官网地址:https://github.com/facebook/react-devtools

Mac系统Chrome浏览器安装React DevTools调试工具

 

使用Sourcetree克隆react-devtools-master文件夹到本地

 

Mac系统Chrome浏览器安装React DevTools调试工具

 

 


 

 

二、npm安装依赖

 

shift+command+G --》(快捷键)定位到master所在的目录

 

 

Mac系统Chrome浏览器安装React DevTools调试工具

 

 

Mac系统Chrome浏览器安装React DevTools调试工具

 

 

终端输入命令安装:npm --registry https://registry.npm.taobao.org install

 

Mac系统Chrome浏览器安装React DevTools调试工具

 


 

 

三、npm打包

 

安装完后,build(打包)一份扩展程序:npm run build:extension:chrome

 

Mac系统Chrome浏览器安装React DevTools调试工具

 


 

 

四、Google浏览器安装扩展程序

 

浏览器输入:chrome://extensions

 

Mac系统Chrome浏览器安装React DevTools调试工具

 

 

Mac系统Chrome浏览器安装React DevTools调试工具

 

 

接下来,就是enjoy了!

​​​​​​​

 

 

Mac系统Chrome浏览器安装React DevTools调试工具

 

相关文章:

  • 2021-04-26
  • 2021-05-01
  • 2022-12-23
  • 2021-07-16
  • 2021-04-07
  • 2021-12-06
  • 2022-12-23
  • 2021-07-08
猜你喜欢
  • 2021-12-02
  • 2021-05-07
  • 2021-07-21
  • 2022-12-23
  • 2021-04-09
  • 2021-05-15
相关资源
相似解决方案