非常感谢博主ygman 转参考博文
因本人按照此博文安装还是遇到了一些小问题,所以这里在补充自己遇到的问题及解决
安装步骤:
1、进入该GitHub网址下载zip源码,因博主给的链接对应的分支不是所要分支,所以开始我下载安装报错,这里给直接地址,而非参考博文中的地址:分支v3地址
2、下载后把对应文件夹拖到终端
在终端中输入命令安装依赖
npm --registry https://registry.npm.taobao.org install
如下图所示则是安装成功
接着运行
npm run build:extension:chrome
如下图所示则表示成功
3、最后打开Chrome浏览器,输入网址chrome://extensions/
进入扩展程序,这里原博文没有写的那么详细,详细操作时如图,先点击加载已解压扩展程序,再弹出文件路径选择,选择你下载下来的那个文件夹,对应我的也就是本文中第一张图片对应的文件夹,然后按照下图红色路径选中unpacked文件夹,点击选择即可
然后就可以在浏览器右上角看到灰色的花花的标记了,如果你打开了react项目,花花标记就会由灰色变成红色,如下图
至此,成功!再次感谢ygman的博文