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

一、下载

 

  官网地址: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调试工具