第一个React Native

学习React Native需要先简单学习JavaScript，所以在学习前可以先去了解一下JavaScript语言的常用语法。

Android环境的搭建

在window上因为只能开发Android，iOS需要在Mac系统上开发，所以必须要有Android的开发环境。Android的开发环境只需要有：

• jdk的安装以及环境变量的配置
• Android studio的下载以及安装，网址可以使用Android的中文官网进行下载Android的中文官网

运行设备搭建

• 真机调试（这里连接的网络必须和电脑是一个网络才可以调试
• 安装Genymotion模拟器Genymotion安装教程

安装Node

node.js轻量级的Web服务器，想要是React Native跑起来需要安装node， 如果没有安装node.js，先去官网安装node.jsNode下载地址
下载好后直接安装，然后在命令行中敲下面的代码：

图片1.png

然后给node配置环境变量：

图片2.png

具体环境变量配置可以参考Node环境变量配置

安装React Native模块

打开控制命令行输入：npm install -g yarn react-native-cli，按回车即开始安装，等待安装即可。

安装Webstore

Webstore是前端开发的IDE工具，这里可以直接创建react native项目，以后的react native开发都是基于这个开发工具进行的，Webstore下载地址
至于如何破解，可以参考这篇博客的第二种方法，试过，可以用破解地址

第一个react native项目

完成以上环境的配置，打开Webstore，新建react native项目：

图片1.png

创建好后如下：

图片2.png

点击上方指示运行就ok。然后打开Android studio，将项目中的android目录导入Android studio中进行编译：

图片3.png

然后打开Genymotion模拟器开启一个Android模拟器，点击下方按钮运行：

图片4.png

这里要注意，模拟器或者真机必须和电脑是一个网络的才可以运行成功：

图片5.png

看到如上图，就说明已经成功运行起第一个react native项目。下一篇讲解react native的项目结构。