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

react native项目增加devtools工具

时间:2018-03-19 14:20:33      阅读:841      评论:0      收藏:0      [点我收藏+]

标签:模拟器   color   pre   应该   文件   配置   oid   pos   pac   

第一步:安装react devtools工具

在当前项目中打开命令行,添加react devtools工具,因为运行的工具有九十几M,下载时需要时间,请耐心等待

yarn add react-devtools

 

第二步:配置package.json中命令

编辑package.json文件,在scripts节点中增加devtools节点,命令为

"devtools": "react-devtools"

 

技术分享图片

 

第三步:运行react devtools命令

1.正常运行项目,使用命令react-native run-android即可在模拟器中打开项目

2.打开新的命令窗口,使用命令yarn run devtools即可打开react devtools工具,打开工具后几秒应该可以自动连接至运行的项目

 技术分享图片

 

react native项目增加devtools工具

标签:模拟器   color   pre   应该   文件   配置   oid   pos   pac   

原文地址:https://www.cnblogs.com/weschen/p/8555006.html

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