react-native项目构建配置及window调试devtools

1，安装android-studio，jdk, sdk  配置环境变量，（一定不能配错了，摔太多次）

　　https://www.jianshu.com/p/aaff8bb91f69

　　https://www.jianshu.com/p/2819e3075ab1

　　网上一堆说，配置host文件，安装android-studio的，反正个人体验，不靠谱，（http://www.androiddevtools.cn/）

2，全局安装react-native-cli

　　npm i react-native-cli -g

3,初始化项目

　　react-native init newProject

4，模拟器上调试

　　打开安装的android-studio，在右侧手机图标点开，创建一个模拟器，打开（或者命令行调出模拟器）

　　或者

　　命令行进入sdk安装目录 例如：emulator @模拟器名称 (模拟器名称可打开android-studio查看)

　　

　　如命令行报错

　　PANIC: Missing emulator engine program for 'x86' CPU.

　　　　把sdk文件夹里的emulator内容复制到tools里（我是这么解决了，其他我就不知道了，有说模拟器重新下载不带googleAPIx86Image, 反正我试了，不靠谱）

　　　　

 

5，安装react-devtools( 需配置 )

yarn add react-devtools
https://www.cnblogs.com/weschen/p/8555006.html

6,运行项目

　　react-native run-android

7，打开devtools

　　yarn run react-devtools

 

（根据官网安装所需版本号，略简，仅为个人记录）

转载于:https://www.cnblogs.com/eddina/p/10058593.html