windows下安装android版reactnative

一.安装JDK
1.在Java官方下载；
2.安装完配置windows环境变量；
添加 JAVA_HOME 内容为 E:\Soft\develope\Java\jdk1.8.0_72
添加 CLASSPATH 内容为 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;
在Path最后添加 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
3.可以在dos命令下查看是否安装成功

java -version

二.安装Android SDK
1.从官方下载免安装版本的，解压缩就行
2.配置windows环境变量；
添加 ANDROID_HOME 内容为 E:\Soft\develope\AndroidSdk
在Path最后添加 %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
3.可以在dos命令下查看是否安装成功

adb

三.下载AndroidSDK中需要的内容
1.打开Android SDK文件夹，打开SDK Manager.exe程序，更新和下载以下内容

Android SDK Build-tools version 23.0.1
Android 6.0 (API 23)
Android Support Repository

四.安装node
1.从官方下载node的免安装版本，应该是个exe文件，打开可以直接使用
2.在windows环境变量Path中添加node.exe的文件夹位置
在Path最后添加 E:\Soft\develope\Node\node-v5.10.1-stable-x64;
3.可以在dos命令下查看是否安装成功

node -v

五.安装git
1.从官方下载git的免安装版本，应该是个exe文件，打开可以直接使用
2.在windows环境变量Path中添加git.exe的文件夹位置
在Path最后添加 E:\Soft\develope\PortableGit\PortableGit-2.8.1-64-bit\bin;
3.可以在dos命令下查看是否安装成功

git

六.安装npm（如果node是msi的安装版本就已经包含了，这里我下载的是.exe免安装版本，所以需要单独安装）
1.建立存放npm源码的文件夹(这里e:\NodePackageManager)
2.在dos命令下进入NodePackageManager文件夹，使用git下载源码

git clone --recursive git://github.com/isaacs/npm.git

3.在下载完成后的文件夹中进入npm子文件夹，编译下载的内容，生产npm命令

cd npm
node cli.js install npm -gf

(这个命令不但会编译新命令，而且还会被添加到node的插件中，在命令行直接使用，其中-gf是指全局安装的意思，就是会安装在node文件夹的全局目录中，建议选择，你可以不要，这样会安装在当前文件夹下，当前工程下)
4.可以在dos命令下查看是否安装成功

npm -v

七.安装React Native（需要有翻墙的支持）
1.新建可以下载React Native源码的文件夹(这里E:\ReactNative)
2.打开dos命令窗口，进入存放React Native的文件夹，使用git命令下载源码

git clone https://github.com/facebook/react-native.git

3.进入react-native子文件夹，使用node命令编译出react native命令

cd react-native\react-native-cli
npm install -g

八.尝试创建ReactNative项目（需要翻墙，翻墙不好的经常出现初始化错误，需要多试几遍或者用npm命令换其他镜像地址）
1.改变下载链接为国内，便于下载，避免翻墙（但可能替换后无法执行后续工作，需谨慎）

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

2.进入想要创建项目的文件夹中
3.使用命令创建项目，创建时间会比较长

react-native init BinuxApp

注意：安装中会出现需要Python、.net framework 4.0、vc++ builder等错误，解决一个又来一个，当然可以完全忽略，这些是node使用时候的问题，和react-native开发app关系不大，但如果想解决可按以下方式执行：
(未安装Python出现的错误：gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.)
(未安装vc++编译器出现的错误：MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "4.0"。 gyp ERR! stack Error: `C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1)
1.安装Python:只有安装版本，没有绿色版，只能安装2.7.*版本，因为3.*的版本语法不同，node是根据老版本开发的，
2.安装vc++编译环境：
a).Windows XP/Vista/7系统:安装Microsoft Visual Studio C++ 2013 Express版，如果安装失败，看看是否有VC++ 2010 x64&x86 Redistributable已安装，安装了请卸载；如果提示64-bit 编译器未安装，那么还需要更新编译器到windows sdk 7.1 64位版本。
b).Windows 7/8系统：安装Microsoft Visual Studio C++ 2013 for Windows Desktop Express版
c).Windows 10系统:
1).安装最新的npm，应该会在3.3.6版本以上
2).安装Python 2.7.* 并把安装目录配置在系统环境变量Path中
   3).安装Visual Studio Community 2015 Edition，选择定制安装，一定勾选Visual C++
   4).设置新的环境变量GYP_MSVS_VERSION=2015
   5).使用管理员权限打开命令行，配置npm中的vc编译器版本，如果设置GYP_MSVS_VERSION环境变量可以不做此步骤，但为保险起见建议执行

$ npm install (--msvs_version=2015)

6).如果还不行，请参考英文文章http://www.serverpals.com/blog/building-using-node-gyp-with-visual-studio-express-2015-on-windows-10-pro-x64
d).所有Windows 版本都需要注意的事情：如果要编译64位版本的node以及native modules，还需要安装Windows 7 64-bit SDK，此外如果命令行提示WindowsSDKDir未设置，还需要在已安装windows 7 sdk的情况下根据系统版本输入以下命令设置sdk文件夹

call "C:\Program Files\Microsoft SDKs\Windows\v7.1\bin\Setenv.cmd" /Release /x86
call "C:\Program Files\Microsoft SDKs\Windows\v7.1\bin\Setenv.cmd" /Release /x64

九.运行包package，node服务器启动，在开发和调试中不要关闭这个命令窗口
1.命令行状态下进入新建的项目目录中

cd BinuxApp

2.输入服务启动命令，需要等待一会

react-native start

3.可以通过浏览器查看是否启动成功http://localhost:8081/index.android.bundle?platform=android

十.运行项目
1.需要在保持node服务器命令窗口的情况下重新打开新的命令行窗口（管理员权限的）
2.进入所建立的React Native项目目录
3.输入项目启动命令，等待启动，第一次运行会下载gradle，时间会比较长

react-native run-android

来源：oschina

链接：https://my.oschina.net/u/996795/blog/697988

标签

windows

android

reactnative