1、创建或选择一个用来放插件的目录,使用git命令如下
git clone -b v3 https://github.com/facebook/react-devtools
注:如果克隆失败,可将上面命令中的 https 换为 git
2、进入克隆到本地的文件并打开终端,输入命令
cnpm install
3、成功后再次输入
npm run build:extension:chrome
4、进入到谷歌扩展程序中,加载下载好的插件
步骤:更多工作-> 扩展程序-> 开启开发者模式-> 点击加载已解压的扩展程序
然后选择存放插件的文件:依次选择react-devtools->shells->chrome->build->unpacked
5、谷歌右上角就会出现插件图标,点击插件图标会出现你安装的插件,将其固定在导航栏即可。
注:安装插件后刷新页面图标就会正常亮起