由于大家都知道的原因,可以使用以下步骤安装:
这个调试工有不同的版本,版本v4.27.4针对高版本react,按需选择,我当前使用的react版本是:
"react": "^18.2.0",
v4.27.4教程:
1、下载
下载地址:https://www.crx4chrome.com/crx/287411/
直接下载:React developer tools v4.27.4.crx
会下载一个.crx文件,打开谷歌浏览器的扩展程序管理,把.crx文件拖拽到程序管理里面就可以完成安装,超级简单
v3.6.0教程:
有两种安装方式:
第一种:
下载我准备好的资源资源直接,解压后按照步骤安装:
下载文件:React developer tools v3.6.0
打开浏览器点击扩展程序图标 >> 点击管理扩展程序
第二种:
1、下载
最新下载地址: https://github.com/facebook/react-devtools/tree/v3
我们可以使用 git clone到本地也可以下载zip包
2、 如果是zip包先进行解压,然后
react-devtools-3目录下执行 npm install
在react-devtools-3\shells\chrome目录下执行 node build
成功后会在react-devtools-3\shells\chrome目录下生成一个build文件夹
3、如上图成功后,你可以选择下面方式安装或者第一种方式安装
切回react-devtools-3目录然后执行:npm run test:chroma
文章来源:https://www.toymoban.com/news/detail-480294.html
此时会自动安装react-devtools 并打开chrome浏览器
文章来源地址https://www.toymoban.com/news/detail-480294.html
到了这里,关于React developer tools调试工具全网最新最全安装教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!