说在前面:这个插件的安装教程网上能找到不少,我就想问一句:你们自己写的教程,你们照着教程能安装成功吗,你们安装过吗,对你们无fuck说,坑!
开始干货:
React Dev Tools 现在的版本支持chrome和Firefox,但目前对Firefox的支持仍不是很好,建议用chrome,那么问题来了,Google被墙了,普通方法安装已经行不通了,需要先从GitHub上下载源码包进行编译安装。
1.使用任意浏览器打开网址:https://github.com/facebook/react-devtools/releases ,打开后页面顶部如图所示
下载到本地后解压缩,得到一个文件夹react-devtools-2.5.0(截止到目前最新版本为2.5.0,之后更新其他版本安装方法同理)
2.在命令行工具内找到文件夹位置,为了方便我使用VS code直接打开文件夹,然后使用VS code编辑器的命令行工具在文件夹下运行 npm install 命令,等待安装成功
3.运行 cd shells 命令,进入shells子文件夹下
4.再运行 cd chrome 命令进入chrome文件夹下
5.运行 node build.js 命令,成功后会有提示,如图
6.根据提示运行 npm run test:chrome 命令,chrome浏览器会自动启动,此时你会发现React devtools 已经安装成功了
此处我也很疑惑,为何2.5.0的源码包编译安装后版本竟然是2.4.0