React-Native (一)

环境搭建：

（参考React-Native中文网-http://reactnative.cn/docs/0.30/getting-started.html#content)

1>根据React-Native中文网的介绍，先安装Chocolatey

Chocolatey，可以认为是一个包管理工具，通过它，我们可以方便的下载和安装React-Native需要的环境。

Chocolatey的安装通过命令行来进行的，命令如下：

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

（复制下来粘贴进命令行即可）

chocolatey安装软件是用管理员权限运行黑窗口。

2>安装python2

注意，是python2，暂不支持python3。

打开黑窗口，使用choclatey来安装

choco install python2

3> 安装Node

同样，黑窗口安装Node.js

choco install nodejs.install

4>安装React Native命令行工具（react-native-cli）

React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

黑窗口：

npm install -g react-native-cli

5>Android Studio

作为安卓开发人员，android studio 必不可少，在此不再赘述

注意，react-native需要配置环境变量:ANDROID_HOME(SDK目录)

6>推荐安装的环境

1） Gradle Daemon

官网上是说Gradle Daemon可以极大地提升java代码的增量编译速度。

黑窗口：

(if not exist "%USERPROFILE%/.gradle" mkdir "%USERPROFILE%/.gradle") && (echo org.gradle.daemon=true >> "%USERPROFILE%/.gradle/gradle.properties")

将Android SDK的Tools目录添加到PATH变量中

把Android SDK的tools和platform-tools目录添加到PATH变量中，以便在终端中运行一些Android工具，例如android avd或是adb logcat等

测试安装

黑窗口：

react-native init AwesomeProject

cd AwesomeProject

react-native run-android

手动运行Packager

有个常见的问题是在你运行react-native run-android命令后，Packger可能不会自动运行。此时你可以手动启动它：

cd AwesomeProject
react-native start

如果你碰到了ERROR Watcher took too long to load的报错，请尝试将这个文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native/目录下)。

修改项目

现在你已经成功运行了项目，我们可以开始尝试动手改一改了：

使用你喜欢的文本编辑器打开index.android.js并随便改上几行

到这里，第一个React-Native应用完成了