ReactNative教学|第一篇: 环境搭建和相关配置

React Native 是Facebook发布的，可以让我们广大开发者使用JavaScript和React开发我们的应用，该提倡组件化开发，也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用，甚至我们可以相关嵌套形成新的组件。
使用React Native我们可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码来创建原生应用。

注意：目前react native在ios上仅支持ios7以上,Android仅支持Android4.1以上。 （已经算支持现在市面上很大一部分设备了）

---

准备

本篇文章以window + android来搭建环境，因此如果您是mac平台的 可以访问官网的mac 平台的搭建

准备工具：

• node.js
• java8 目前不支持jdk9
• android sdk （我这里直接通过Android Studio 进行下载了Android相关的sdk）

---

android相关配置

• 你需要检查是否有以下的内容：

  1. Google APIs
  2. Android SDK Platform 23
  3. Intel x86 Atom_64 System Image
  4. Google APIs Intel x86 Atom_64 System Image

这些会在你第一次创建AndroidStudio自动创建，注意：如果你没有真机 需要下载android的虚拟机来实现项目的运行。我贴一下我安装的一些内容（有些多余 比如NDK）

• 设置Android的环境变量
  

这里我设置了我的Android SDK所在目录，并使其成为环境变量ANDROID_HOME

---

在运行Rect项目前需要启动一个虚拟机：

---

Java环境变量篇

我们的RectNative目前不支持JDK9 因此我做了双版本（双版本的话需要删掉C:\ProgramData\Oracle\Java\javapath里的文件），你也可以只配置JDK8版本。

注意：

• 我们的JAVA_HOME必须以C:\Program Files\Java\jdk1.8.0_161目录 而不是C:\Program Files\Java\jdk1.8.0_161\bin

---

安装ReactNative的CIL

在你的命令行运行如下命令（你的node.js已经安装完毕 并设置了环境变量（默认安装模式会自动帮您设置））

npm install -g react-native-cli

开始第一个demo

在你想要创建的目录下，命令行创建项目命令如下：

react-native init AwesomeProject

之后我们需要cd到AwesomeProject 去执行

cd AwesomeProject

react-native run-android

之后会将你的apk直接adb安装到你的虚拟机里。

---

环境配置已经完成。

参考资料如下：https://facebook.github.io/react-native/docs/getting-started.html