React Native (1) --- 开发环境的搭建一

1 react native 简介

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

(https://baike.baidu.com/pic/react%20native/20307162/0/d53f8794a4c27d1eceb4a58d10d5ad6edcc438ec?fr=lemma&ct=single)

React Native使你能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。

React Native着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)

Facebook已经在多项产品中使用了React Native，并且将持续地投入建设React Native。

2. 开发环境的搭建

安装node.js（此步骤省略，很容易有，windows下官网上下载好安装包，直接下一步下一步安装就可以了）

检查npm的版本号判断是否安装成功，然后执行命令npm install -g react-native-cli

出现红色箭头所指向，证明安装初始化成功

我们可以用react-native --help查看相关命令

可以用init初始化项目，-h查看帮助，-v查看版本

安装安卓开发工具AndroidStudio

安装AndroidStudio我们可以到Android开发者官网进行下载：http://developers.android.com/index.html（因为Android开发者官网的服务器设在国外，国内没有翻墙的用户通常情况下是无法打开的，为此谷歌在2016年开发者大会上公布了https://developer.android.google.cn/,这个特别为中国的Android开发者推出的官网，有中文界面，不过目前官方文档还是英文的居多。）

创建第一个React Native应用

初始化一个React Native应用，我们可以通过React Native命令行工具来完成，打开终端输入并运行下面命令：

react-native init <项目名字>

由于初始化项目时间过长（因为是从国外拉取的，可以使用淘宝镜像拉取，在后面加上--registry=https://registry.npm.taobao.org）

初始好的项目目录

第一种，通过虚拟机进行项目运行，开始运行安卓项目，首先先用虚拟机进行启动，安装虚拟机(https://www.genymotion.com/download/),下载安装好虚拟机然后启动

第二种，通过Android Studio启动项目

安装Android Studio之前，我们需要先安装一个JDK（java的安装包）：

http://www.oracle.com/technetwork/java/javase/downloads/index.html

根据自己的系统选择即可，注意在安装JDK时，要选择接受协议，那个按钮有点难发现。