如何给谷歌安装react调试工具?

如何给谷歌安装react调试工具?即如何安装React developer tools工具?下面本篇文章就来给大家介绍一下在谷歌上安装react调试工具--React developer tools工具的方法,希望对大家有所帮助。

在谷歌浏览器上安装react调试工具--React developer tools工具的方法

一、使用Chrome网上应用店

1. 点击chrome浏览器右上角三个点-更多工具->扩展程序(或者在浏览器里面直接输入chrome://extensions/也可以进入到扩展程序里面)

2. 点击左上角【扩展程序】-【打开Chrome网上应用店】

3. 搜索React,将会出现一系列与react有关的插件,一般情况下,react developer tools插件在第一个,选择安装就行了。

二、通过github下载

1. 先进入到https://github.com/facebook/react-devtools网址

2. 通过git clone https://github.com/facebook/react-devtools.git下载到本地(或者直接点击下载)

3. 下载之后进入到 react-devtools 目录下,用npm安装依赖

npm --registry https://registry.npm.taobao.org install

4. 然后在npm run build:extension:chrome

运行成功会有图片中的红色区域的命令

5.

这样在网页中按下f12选择react即可使用。

更多React相关技术文章,请访问React答疑栏目进行学习!

以上就是如何给谷歌安装react调试工具?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读