美文网首页
React-native Andorid 环境配置

React-native Andorid 环境配置

作者: JulyXing | 来源:发表于2016-06-15 15:21 被阅读0次

    参考资料:

    官方github https://github.com/facebook/react-native
    
    React-Native 中文网站 http://reactnative.cn
    

    1 Java 运行环境安装及配置

    1.1 下载 Java JDK

        链接: http://www.oracle.com/technetwork/java/javase/overview/index.html
    

    1.2 安装及配置

    JDK 安装完成后,鼠标右键 我的电脑--> 属性 --> 高级系统设置 --> 环境变量 选中 系统变量Path 在 变量值后面增加 JDK 功能路径
    例如:C:\Program Files\Java\jdk1.8.0_91\bin
    然后 新建一个变量名 JAVA_HOME 变量值输入 C:\Program Files\Java\jdk1.8.0_91 (JDK 安装路径)

    1.3 测试

    在 windows 电脑命令提示符中输入 java 或 java -version 可以看到 JDK 的描述信息说明安装成功。

    2 Android SDK 安装及配置

    2.1 下载

       链接:http://www.androiddevtools.cn/
    
       说明:建议下载 installer_r24.4.1-windows.exe
    

    2.2 安装及配置

    Andorid SDK 安装完成之后,仿照 Java JDK 配置,新建一个 ANDROID_HOME 变量值输入 Android SDK 的安装路径,例如:D:\Program Files\android-sdk

    2.3 更新

    如果安装完成之后 Andorid SDK Manger 窗口没有打开,自己可以去安装目录下
    打开,然后安装指定的包。

    Tools
        Android SDK Tools
        Android SDK Platform-tools
        Android SDK Build-tools        23.0.1 (指定版本)
    Andorid 6.0 (API 23)
        SDK Platform
        Intel x86 Atom_64 System Image
        Intel x86 Atom System Image
    Extras
        Andorid Support Repository     (或 Local Maven repository for Support Libraries)
    

    说明:因为可以直接将别人安装后的压缩包解压放在指定目录,然后添加到环境变
    量中就可以用,所以不推荐自己直接下载和安装包,原因是 Android SDK 的源在国
    外如果不使用代理那么下载和安装以及更新会特别慢。

    3 Genymotion 安装及配置

    3.1 下载

        链接: https://www.genymotion.com/pricing-and-licensing/
        说明: 选择 BASIC 版本,该版本对个人免费开放,下载前需要注册帐号,在后面项目开放中也需要帐号,所以建议每个人都注册一个帐号。
    

    3.2 安装及配置

    软件安装完之后创建一个 虚拟设备(前提已安装 VirtualBox),然后自己根据情况创建一个设备,后面就会出现下载的界面,等待下载完成。

    4 运行环境安装

    以官方提供的 Demo 项目为例:

    参考链接:http://bbs.reactnative.cn/topic/11//11

    下载链接:http://pan.baidu.com/s/1i5HEUgt 解压密码:reactnative.cn

    打开 Genymotion 并启动 设备
    然后进入解压后的目录,执行下面代码
    npm install -g react-native-cli
    react-native run-android
    最后可以看到 虚拟设备上面显示 Welcome to React Native! 至此,Android 在 windows 开放环境已经完成配置完成。
    

    相关文章

      网友评论

          本文标题:React-native Andorid 环境配置

          本文链接:https://www.haomeiwen.com/subject/tdpddttx.html