Windows下搭建React Native Android开发环境

最新推荐文章于 2025-09-05 16:34:31 发布

转载最新推荐文章于 2025-09-05 16:34:31 发布 · 72 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wblhahaha/p/5355322.html

文章标签：

#移动开发 #操作系统 #javascript #ViewUI

本文详细介绍了在Windows系统中搭建React Native Android开发环境的步骤，包括安装JDK、Android SDK、C++环境、msysgit、Python、Node.js及react-native命令行工具等，最终实现本地开发并测试应用程序。

Windows下搭建React Native Android开发环境

下面用到的一些安装包请连接下面的百度云盘，如果失去链接留言我会发给你。

http://pan.baidu.com/s/1pLjABvt

如果你已经有的环境可以略过。

1.安装JDK
    Java官网上下载安装即可。
    java配环境变量。
    注意：需要1.6以上的jdk，还有的x86还是x64

2.安装Android SDK
    installer_r24.3.4-windows.exe
   2.1配置Android环境变量
      ANDROID_HOME：sdk的安装路径C:\Users\Adminitrator\AppData\Local\Android\android-sdk
      Path：%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools\
   2.2配置你的SDK（乱配会失败哦）
      按照面的两幅图就OK了（图片来自官网教程，云盘里有）

      可以看下面连接：http://reactnative.cn/docs/0.22/android-setup.html#content

3.安装C++环境
   傻瓜安装VSCodeSetup-stable.exe

4.安装msysgit
   傻瓜安装Git-2.7.3-64-bit.exe(x64)
   可以在这里https://git-for-windows.github.io/下载到你的需要。

5.安装Python
   傻瓜安装python-2.7.11.amd64.msi（x64）
   按需：官网下载最新，https://www.python.org/downloads/release/python-2710/安装。

6.安装node.js
   6.1傻瓜安装node-v5.9.1-x64.msi(x64)
   6.2建议设置npm镜像以加速后面的过程（或使用***工具）。
       npm config set registry https://registry.npm.taobao.org
       npm config set disturl https://npm.taobao.org/dist
   6.3安装react-native命令行工具
       npm install -g react-native-cli
   6.4解压.gradle.rar压缩包（可不做）
       把里面的东西替替换到你安装node.js路径下的.gradle中。
         作用:.gradle是存放生成apk的工具
         原因：在你用指令安装时有可能会过慢(网上一般教程是指令在线下载)

截至到以上，你在Windows下搭建React Native Android开发环境已经搭建完成啦。

Hello React Native

解压AwesomeProject.rar到你工作空间。
    修改local.properties中的你的Android sdk的路径。

打开一个cmd
    到你AwesomeProject解压路径下,执行
        npm start
    在浏览器上http://localhost:8081/index.android.bundle?platform=android测试是否启动成功。

Genymotin模拟器或者连上真机。

新打开一cmd，之前的不要关！
   到你AwesomeProject工程路径下,执行
            react-native run-android

你的第一个Hello React Native就会编译好安装你的设备上啦。