windows下配置并运行react-native项目

因为后边要做rn项目，所以需要搭建下环境，过程中遇到很多问题，特记录下来。
首先我是按照react-native中文网官方提供的教程进行进行安装的。

1. react-native 需要的依赖的环境：node, python2, jdk，react-native-cli. 这里需要注意，python必须是2，jdk必须是1.8以上，jdk遇到过坑，因为本地安装了多个版本的jdk，使用java -version查看了下显示是1.8版本，就以为jdk默认也是1.8，但是在react-native run android时候出现：

> java.lang.UnsupportedClassVersionError: com/android/build/gradle/AppPlugin : Unsupported major.minor version 52.0

于是去环境变量配置中检查了下配置，发现jdk配置的是1.6版本，切换成1.8就可以了。

2. 安装Android Studio
   教程显示必须安装的几项：

   Android SDK
   Android SDK Platform
   Performance (Intel ® HAXM) (AMD 处理器看这里)
   Android Virtual Device
   

安装官方提供的教程安装的（https://reactnative.cn/docs/getting-started.html）
但是在创建项目并运行项目时候遇到了问题：

Emulator: emulator: ERROR: x86 emulation currently requires hardware acceleration

模拟器完全没法启动，于是百度解决方法：https://blog.csdn.net/ezconn/article/details/81907393
这个过程中进入bios但是没有找到Intel Virtualization Technology，汗~~。最终查到了在在Advanced菜单下面的CPU里！不是在Main里面的！并且要双击CPU才能看到vt(联想台式机)。这个问题解决，模拟器可以打开了。

3.于是开始react-native run-android运行项目,又出现了问题：

于是继续查资料，发现是由于没有运行server服务器导致的，于是先react-native start在react-native run-android，依旧报错，此时仔细看run-android的提示：

D:\RN_learn\Test1> react-native run-android
warn JS server not recognized, continuing with build...
info Building and installing the app on the device (cd android && gradlew.bat app:installDebug)...

JS server not recognized，也就是这个server根本没有启动成功，这是由于8081端口被占用了，于是需要更改端口：react-native start --port 8083，然后在react-native run-android --port 8083，此时提示：

info JS server already running.
info Building and installing the app on the device (cd android && gradlew.bat app:installDebug)...

好了，js server终于启动起来了，但是还是显示：

这个时候有的手机会显示一片红色，这个时候，一般是服务端正在加载数据或者加载错误，解决办法就是点击下面中间的RELOAD重新加载,或者等一会儿。点了reload依然报错：

也是醉了，我都改成8083端口了，怎么模拟器还是8081端口。。。所以需要更改模拟器中端口，使用 adb shell input keyevent 82调出模拟器的设置：

进入dev setting，选择debug server host & port for device改成本机ip和8083端口：

最后终于看到了想看到的界面，当然，页面文字我已经改过了。。。大功告成。