在mac系统的Chrome中安装React Devtools调试工具

在mac系统的Chrome中安装React Devtools调试工具

1.下载安装包

官网地址：https://github.com/facebook/react-devtools
 
在Branch中选取v3版本，git clone 到目标文件夹；

2.安装及打包

打开下载文件包，解压缩后，选择在当前文件夹下新开一个终端，使用 sudo -s 获取权限后安装；

yarn install
//成功后再进行下一步
yarn build:extension

3.在Chrome安装扩展程序

1、chrome浏览器输入chrome://extensions/ ,打开chrome的扩展程序页面，打开开发者模式开关。
  2、打开文件夹
  react-devtools-master -->
   shells -->
   chrome -->
   build -->
   unpacked
   将unpacked文件夹拖到1中打开的扩展程序页面。
  3、安装成功后检查配置：【详细信息】 — 【允许访问文件网址】开启