react开发者工具下载和安装

这里讲解如何通过git下载的源程序打包扩展程序进行安装

1. 首先,当然是下载react-devtools文件到本地。
2. 进入react-devtools文件夹，使用npm安装依赖，推荐使用淘宝镜像。

//安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
//安装依赖
cnpm install

3. 安装成功后进行打包，运行

cnpm run build:extension:chrome

出现这个说明运行成功

运行成功后会在react-devtools项目react-devtools -> shells -> chrome -> build目录下生成一个unpacked文件夹。

4. 打开扩展程序：chrome://extensions选择已解压的扩展程序
   
   
   选择第3步生成的unpacked文件夹。这时就会添加一个新的扩展程序reaci-devtools，并在你的浏览器右上角会有个react标志, 就表示成功啦。
   
   

当调试react项目时,就会开到react的页签。