React-Native Windows完全安装指南

React Native背景

React Native 是facebook推出的，React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。

React Native的特点

使用ReactNative可以动态的加载页面，获得像是H5页面那样的灵活性，同时又具有原生应用程序的性能，facebook在多个app中都使用了此技术，包括阿里，腾讯，携程等也在尝试在QQ空间，淘宝等App中使用本技术，因此，ReactNative未来的发展还是有非常大的前景，值得我们去学习

Windows环境下的开发环境安装

由于ReactNative原生是在Mac机器上，关于Mac机器的安装指南官方已经说得非常详细了，这里，我只针对Windows平台的安装进行说明。
ReactNative的开发环境，包括以下几个组件

• Node.js Node是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。
• npm NPM的全称是Node Package Manager，是一个Node包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。由于npm经常被墙，我们可以使用国内的镜像来处理

• ReactNative组件。

  Node.js & npm

  node.js的下载可以去它的官网进行，在windows下有两个版本，一个是msi的安装版本，另一个是exe的绿色版本。这里建议直接下载msi的安装版本，可以自动配置PATH，并已经包含了npm库
  

下载完成直接安装即可。

(如果只下载了nodejs.exe, 则需要执行下面这一步
npm也可以单独下载，在上github下载最新的包，将其解压到目录中。进入bin目录下，在命令提示符窗口中执行下面的操作，完成npm的安装

node cli.js install -gf

镜像修改

前面提到官方的服务器从国内访问是非常慢，甚至会404，建议使用淘宝的镜像，使用方法是以下命令：

npm config set registry “https://registry.npm.taobao.org“

安装React-Native-ClI组件

使用npm安装的命令如下：

npm install -g react-native-cli

如果没有报错，就一切成功了。

Hello React Native

程序员的习惯，总要来一个helloworld。这里为了保证成功，我们也来创建一个hello react native.

现在，在你的workspace下，使用命令行

react-native init helloReactNative

这里的helloReactNative就是项目名称，你可以自起。
如果没有什么错就可以对项目进行编译并运行。

运行之前，需要进入到项目的根目录。在windows下，我们需要开启2个命令行窗口，一个用于启动服务。

react-native start

另起一个窗口进行编译。
以android为例

react-native run-android

同时，起动genymotion模拟器（确保 模拟器能连接上电脑)，显示以下屏幕，则算成功。