美文网首页
react开发者工具下载和安装

react开发者工具下载和安装

作者: Jerry379 | 来源:发表于2018-05-23 23:27 被阅读0次

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

  1. 首先,当然是下载react-devtools文件到本地。
  2. 进入react-devtools文件夹,使用<code>npm</code>安装依赖,推荐使用淘宝镜像。
//安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
//安装依赖
cnpm install
  1. 安装成功后进行打包,运行
cnpm run build:extension:chrome

出现这个说明运行成功

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

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

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

相关文章

网友评论

      本文标题:react开发者工具下载和安装

      本文链接:https://www.haomeiwen.com/subject/rhzdjftx.html