这里讲解如何通过git下载的源程序打包扩展程序进行安装
- 首先,当然是下载react-devtools文件到本地。
- 进入react-devtools文件夹,使用<code>npm</code>安装依赖,推荐使用淘宝镜像。
//安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
//安装依赖
cnpm install
- 安装成功后进行打包,运行
cnpm run build:extension:chrome
出现这个说明运行成功
![](https://img.haomeiwen.com/i10937452/69ce58eb42d5ec64.jpeg)
运行成功后会在react-devtools项目react-devtools -> shells -> chrome -> build目录下生成一个unpacked文件夹。
- 打开扩展程序:<code>chrome://extensions</code>选择已解压的扩展程序
选择第3步生成的unpacked文件夹。这时就会添加一个新的扩展程序reaci-devtools,并在你的浏览器右上角会有个react标志, 就表示成功啦。
当调试react项目时,就会开到react的页签。
![](https://img.haomeiwen.com/i10937452/cc5dfb881c37c70a.png)
网友评论