React Native 开发环境搭建（一）学习

Facebook 在 React.js Conf 2015 大会上推出了基于 JavaScript 的开源框架 React Native，本中文教程翻译自 React Native 官方文档。

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

React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native
把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native，并将继续为 React Native 投资。

1.安装JDK

2.安装SDK

在翻墙的环境下，打开http://www.androiddevtools.cn/

3.安装C++环境

选择windows sdk、cygwin或mingw等其他c++环境。编译node.js的C++模块时需要用到。

4.安装Node.js与Git

dos命令检测：echo %path%

打开Git目录下的git-cmd.exe执行：
npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist
5.安装ReactNative命令行工具

在GitHub下载RN（facebook...）

npm install -g react-native-cli

6.创建项目

react-native init MyProject

7.运行packager 进入工程目录

react-native start

请求http://localhost:8081/index.android.bundle?platform=android可以看到打包后的脚本

8.准备真机 运行Android

react-native run-android

react-native run-ios

问题1：找不到sdk或者无法正常化sdk路径 解决拌饭：环境变量

问题2：failed to find target with hash string ‘Android-23’ in：... 解决版本：更新sdk版本到23

问题3：build成功后是红色的：没有连接服务器js server，

手机摇一摇-Dev setting-Debug server host &port device-19.168.1.10：8081（电脑IP地址）

9.调试App

菜单（摇一摇） reload js