64位win10搭建react-native

1、安装nodejs 

https://nodejs.org/en/

2、npm仓库源替换为国内镜像

$ npm config set registry https://registry.npm.taobao.org --global
$ npm config set disturl https://npm.taobao.org/dist --global

3、安装JAVA JDK

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

4、配置JAVA环境变量

我的电脑上右键属性--高级系统设置--环境变量

在新弹出窗口上，点系统变量区域下面的新建按钮，弹出新建窗口，变量名为JAVA_HOME，变量值填JDK安装的最终路径，如：D:\soft\Java\jdk1.7.0

编辑系统变量Path增加

%JAVA_HOME%\bin;
%JAVA_HOME%\jre\bin;

5、安装Android Studio

https://developer.android.google.cn/studio/archive.html?hl=zh-cn

或者

http://www.android-studio.org/

安装完android studio之后配置安卓SDK环境变量

参考第4条，新建ANDROID_HOME变量,值为实际安装路径如：C:\Users\Administrator\AppData\Local\Android\sdk

Path增加

%ANDROID_HOME%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

6、安装React-native-cli

$ npm install -g react-native-cli

7、初始化项目

$ react-native init MyProject

8、创建模拟器并运行

https://developer.android.com/studio/run/managing-avds.html?hl=zh-cn#viewing

这里需要注意的是API和Android版本的对应 如果API是2.3 对应的就是Android 6.0 不然模拟器无法启动

9、运行 android app

在第7步初始化的项目根目录打开一个cmd窗口 运行命令，上一步的模拟器必须是已经运行状态

$ react-native run-android

运行之后会初始化编译当前项目，自动打开另一个cmd窗口运行Js服务，检测到模拟器之后就会在模拟器中显示初始页面