码迷,mamicode.com
首页 > 其他好文 > 详细

react-devtools超级简单安装教程

时间:2019-12-19 12:57:42      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:chrome   git   facebook   down   tree   问题   网上   如何   切换   

有时候看网上各路大神,写如何安装react-devtools,大神就是大神,好多步骤一笔带过,导致一些学习者看的一脸懵逼,今天我给大家讲超级简单的react-devtools安装步骤,相信看过的小伙伴儿不存在懵逼状态,那就开始吧!首先声明一下,必须安装Node哦,都准备学react了,node都不叫事儿了吧,Let‘s go!

1.首先打开官网:https://github.com/facebook/react-devtools

发现好像搬家了,不慌不慌,继续走着

技术图片

 

那咱就进去v3分支,地址:https://github.com/facebook/react-devtools/tree/v3,直接download ZIP格式

技术图片

 

 

 2.知道下载位置,解压到自己可以找见的目录下,进入到react-devtools-3目录,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-devtools超级简单安装教程

标签:chrome   git   facebook   down   tree   问题   网上   如何   切换   

原文地址:https://www.cnblogs.com/shenwh/p/12067029.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!