React Native的自我实践之window下的安装

自从Facebooke出了React Native之后就挺火的，所以也想尝试下什么效果，所以在window下进行Android的尝试，React Native的所有安装工作都是以命令行的形式做的，所以在不太熟悉命令行的基础上会有些问题。

在widow下安装软件的时候需要Ctr+R-》进入命令行模式，复制命令下载相应软件（红色的是命令），本文是widow下安装环境的搭建

注意：在使用命令行安装的时候，需要管理员权限，在Ctr+R进入的命令行查看下是不是管理员模式



如果不是的话：需要在使用管理员权限启动，



在Cmd.exe上右击，点击以管理员身份运行。

第一步：安装Chocolatey

Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样：

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

很多人不太清楚这个怎么才算安装完成，你可以在环境变量中查看是否安装成功，这条命令最后会配置环境变量。

第二步：安装Python 2

打开命令提示符窗口，使用Chocolatey来安装Python 2.

注意目前不支持Python 3版本。

choco install python2

第三步：安装Node

打开命令提示符窗口，使用Chocolatey来安装NodeJS.

choco install nodejs.install

第四步：安装React Native命令行工具（react-native-cli，最重要的一步）

React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。（在安装这一步的时候，命令行可能提示不是内部或外部命令，也不是可运行的程序或批处理文件，这是因为装完了上述东西，没用重新打开命令行的缘故，将命令行关闭并重新打开一次就好了）

npm install -g react-native-cli

如果你遇到EACCES: permission denied权限错误，可以尝试运行下面的命令： sudo npm install -g react-native-cli.

如果你的电脑上设置了代理，那么就需要设置代理，命令如下：

npm config set proxy=http://192.168.1.1:8080

http://192.168.1.1:8080这个是代理设置，不要以为这个是通用的

安装完成后的截图：



第五步：安装Android Studio，最低要求版本是Android Studio2.0和JDK1.8，版本低的请赶快升级。（如果你已经安装好了Android Studio和JDK1.8，所有的API，第五步请跳过）

如果你还没有安装android studio，那么建议你按照下面步骤安装：

Android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令行中输入 javac -version来查看你当前安装的JDK版本。如果版本不合要求，则可以到 官网上下载。 或是使用包管理器来安装（比如choco install jdk8或是 apt-get install default-jdk）

Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。

除非特别注明，请不要改动安装过程中的选项。比如Android Studio默认安装了 Android Support Repository，而这也是React Native必须的（否则在react-native run-android时会报appcompat-v7包找不到的错误）。

确定所有安装都勾选了，尤其是Android SDK和Android Device Emulator。

在初步安装完成后，选择Custom安装项：



检查已安装的组件，尤其是模拟器和HAXM加速驱动。



安装完成后，在Android Studio的欢迎界面中选择Configure | SDK Manager。



在SDK Platforms窗口中，选择Show Package Details，然后在Android 6.0 (Marshmallow)中勾选Google APIs、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。上述这几个API必须要有的，所以一定要看清楚，别下错了，如果你已经下载了全部的API，那你可以跳过这一步。



在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。（必须是这个版本



如果已经安装好了android studio 就更简单了：在File选项下setting选项下(如果已经安装好了Android Studio,没装好API可以看下面的步骤)



安装Google APIs、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image这几个API。

第六步：配置Android SDK的环境变量：



第七步：

Gradle Daemon（这个主要是提高gradle的编译速度的，都知道Gradle速度一直很慢，所以认为自己电脑特别好的可以不安装）

开启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等。



在命令行里输入adb等命令可以测试下是否安装成功。

现在环境就搭建完成了，如果还想安装别的设备可以参考

中文社区文档：http://reactnative.cn/docs/0.27/getting-started.html#content

英文社区文档：https://facebook.github.io/react-native/docs/getting-started.html