React Native 一:开发环境搭建

在学习React Native的过程中，相信对于一个App开发工程师，没有充分的学习过前端开发技术的同学来说，顺利的搭建好开发环境还是比较纠结的。

下面，我就根据我自己学习过程中的总结，跟大家讲解讲解如何从零开始顺利的搭建React Native的开发环境，希望对大家的学习有所帮助。我是以Ubuntu操作系统进行开发的，具体步骤如下：

1.安装Git    

apt-get install git

2.安装JDK

    a.在官方网站下载相关的jdk-8u77-linux-x64.tar.gz包；

    b.在你的指定目录下解压；

tar zxvf jdk-8u77-linux-x64.tar.gz

    c.JAVA_HOME环境变量的配置；

        编辑profile文件：

gedit /etc/profile

        在文件尾部添加：

export JAVA_HOME=/usr/local/opt/jdk1.8.0_77
export CLASSPATH=.:$JAVA_HOME/lib:$JAVA_HOME/jre/lib:$CLASSPATH 
export PATH=$JAVA_HOME/bin:$JAVA_HOME/jre/bin:$PATH

        使用配置生效：

source /etc/profile

    d.检验安装是否成功：java -version；

3.安装Android Studio和Android SDK

    a.将下载的android-studio-ide-141.2456560-linux.zip解压到指定目录下（/usr/local/opt）下

unzip android-studio-ide-141.2456560-linux.zip

    b.将下载的android-sdk_r24.4.1-linux.tgz解压到指定目录（/usr/local/opt）下

tar zxvf android-sdk_r24.4.1-linux.tgz

    c.启动android-studio

cd /usr/local/opt/android-studio/bin
./studio.sh

     d.创建demo应用程序并运行，检测环境是否安装成功；

    提示1：pengchengxiang@ubuntu:/usr/local/opt/android-studio/bin$ sudo ./studio.sh

        ERROR: Cannot start Android Studio

        No JDK found. Please validate either STUDIO_JDK, JDK_HOME or JAVA_HOME environment variable points to valid JDK installation.

        处理1：避免使用sudo方式启动；

    提示2：在启动Android Studio的时候，有报错：Unable to run mksdcard SDK tool，则处理如下：

        sudo apt-get install lib32z1 lib32ncurses5 lib32bz2-1.0 lib32stdc++6

    提示3：如果在启动模拟器的时候，有如下报错，则处理如下：

        Starting emulator for AVD 'AVD_for_Galaxy_Nexus_by_Google'

        PANIC: Could not find AVD_for_Galaxy_Nexus_by_Google.ini file in $ANDROID_AVD_HOME nor in $HOME/.android/avd"!

        处理3：ln -s /root/.android/avd /home/pengchengxiang/.android/avd

    提示4：在启动android studio的过程中，如果提示：

        System Health

        IBus prior to 1.5.11 may cause input problem. See IDEA-78860 for details.

        处理4：System Settings ­> Language Support，改为Keyboard input method at the bottom of the page from ibus to none.

    提示5：在启动android studio的过程中，设置sdk路径的时候，如果提示：

        the path ''/usr/local/opt/android-sdk-linux' is not writeable,please chose a new location

        处理5：

        chown -R root /usr/local/opt/android-sdk-linux

        chgrp -R root /usr/local/opt/android-sdk-linux  

        chmod -R 777 /usr/local/opt/android-sdk-linux

4.定义ANDROID_HOME环境变量

    a.在/etc/profile添加如下环境变量：

export ANDROID_HOME=/usr/local/opt/android-sdk-linux
export PATH=$PATH:$ANDROID_HOME/platform-tools

    b.source /etc/profile使得配置生效；

5.使用gradle deamon

    a.在gradle官网下载gradle-2.12-all.zip

    b.将其解压到你安装目录下/usr/local/opt；

unzip gradle-2.12-all.zip

    c.配置GRADLE_HOME环境变量，在/etc/profile文件中添加如下配置；

export GRADLE_HOME=/usr/local/opt/gradle-2.12
export PATH=$PATH:$GRADLE_HOME/bin

    d.source /etc/profile使得配置生效；

    e.执行gradle -v确定安装成功；

    f.配置gradle deamon

touch ~/.gradle/gradle.properties && echo "org.gradle.daemon=true" >> ~/.gradle/gradle.properties

6.配置你的SDK

    a.打开你的Android SDK Manager，在展示的窗口检查你是否安装如下组件：

    b.配置ANDROID_HOME环境变量，在/etc/profile文件中添加如下配置；

        export ANDROID_HOME=/usr/local/opt/android-sdk-linux
        export PATH=$PATH:$ANDROID_HOME/platform-tools

    c.source /etc/profile使得配置生效；

7.安装Genymotion模拟器 

    a.在Genymotion官网下载安装包genymotion-2.6.0-linux_x64.bin；

    b.修改安装包的执行权限，并执行安装指定安装目录；