配置react Native

配置react Native的过程非常的复杂，会遇到很多坑，这里只说windows环境，现在整理如下

首先要准备好各种软件：jdk、python2、node，node以前安装过，所以这里就不重复了，网上有很多这些软件的安装解说，此处略去过程，要注意的是这些软件安装完了以后都要在环境变量里面配置，具体的配置方法网上有很多

接下来就要安装android studio了，官网的最新版本是3.x，特点是不包含sdk，为了配置方便，所以我选择的是2.x

https://mp.weixin.qq.com/s?__biz=MzIxNjEzNjUzOQ==&mid=402020148&idx=2&sn=ccad14a9197c8dbc4700c40bb907e56c&scene=1&srcid=0808BT91kp5iX5xNRV0WuWrQ#rd

这个网站中的实例就是2.x的版本，按照这个配置就可以了

注意要配置ANDROID_HOME环境变量

这个地址中说了genymotion这个模拟器的安装，经过我的测试后发现这个模拟器不是一般的麻烦，主要是因为网络原因，所以最后决定放弃安装模拟器，直接用真机测试

环境准备好后，就可以用react-native init 创建一个项目，注意步骤，首先要安装react-native-cli 脚手架

npm install -g react-native-cli

react-native init 项目名称

react-native start   

这样就可以启动安装的项目了

项目启动成功后就该测试了，如果直接在浏览器中打开页面，会发现显示的内容和app.js里面的内容是不一样的，这是因为用浏览器打开的原因，如果用手机打开就不会这样了

react-native连接手机的方法

首先用adb（Android debug bridge安卓调试桥）测试一下看看是否环境是否ok，当然前提是环境变量里面要配置,具体的配置方法可以百度

如果环境ok，接着将手机使用数据线连接到pc，前提是手机和pc要在同一局域网内，并且手机要打开usb调试（红米note4x要打开usb安装），接下来使用

adb devices 查询连接的设备，如果成功则启动项目，注意现在启动项目要使用react-native run-android来运行项目

接下来手机上会安装上pc端的react-native 这个app，并且会显示app.js里面的内容。接下来就可以写项目调试了，当然可以配置热更新