react-devtools超级简单安装教程

1,565 阅读1分钟

1、获取react-devtools包

到github上下载react-devtools文件到本地,下载地址:github.com/facebook/re…
安装方式有两种: ①直接下载zip包 ②通过git clone来拷贝到本地
git拷贝命令如下:
git clone https://github.com/facebook/react-devtools/tree/v3.git

2、安装依赖

解压到自己可以找见的目录下,进入到react-devtools-3目录然后安依赖,命令如下:
npm i 或者 cnpm i

3、生成程序包

再进入到react-devtools-3\shells\chrome切换到chrome目录下,运行node build.js,当前目录下会生成build目录 这个build目录下的unpacked目录就是chrome中所需react-devtools的工具扩展程序包

4、添加扩展程序

打开谷歌浏览器,网址输入chrome://extensions/,

选择react-detools-3目录下的shells->chrome中build目录中的unpacked即可
到此 react-devtools安装成功!

这个时候我们再浏览器中打开一个react项目,就会看见这样的