在Mac上搭建React Native Android开发环境

作者: 尔后不再希冀 | 来源:发表于2016-12-12 02:09 被阅读0次

    1.下载Mac版 Java SE Development Kit(JDK)1.8 或者 更高版,并安装,具体安装步骤如下:

          1.1下载之后,双击dmg文件安装;

           1.2测试JDK的是否安装成功,在控制台操作:$ java -version

    显示如图表示安装成功

    2.安装Android Studio

    2.1 下载Android Studio,推荐从AndroidDevTools官网下载,下载完成后,双击dmg文件

    2.2 这时候你的应用程序里已经包含Android Studio的图标了,双击该图标,弹出

    为什么会出现这个问题了?因为Android studio 会在打开运行的时候检测Android sdk,然后了此访问是需要翻墙的,so 我们采用简单快速的方法解决

    解决方法:在安装路径下找到idea.properties文件,用记事本打开,添加disable.android.first.run=true,保存即可

    在bin目录下找到文件进行编辑修改,然后我们重新打开程序继续安装

    2.3你需要自定义配置你的安装:

    选择Custom安装模式

    * 勾选Performance和Android Virtual Device

    * 安装完成后, 在Android Studio欢迎页面选择Configure | SDK Manager

    * 在SDK Platforms窗口中,选择Show Package Details,在Android 6.0 (Marshmallow)下,确保勾选

    Google APIs, 

    Android SDK Platform 23,

    Sources for Android SDK,

    Intel x86 Atom System Image

    Intel x86 Atom_64 System Image和

    Google APIs Intel x86 Atom_64 System Image

    * 在SDK Tools窗口中,选择Show Package Details,在Android SDK Build Tools下,确保

    Android SDK Build Tools被勾选,具体如下图。

    ②.设置ANDROID_HOME 环境变量

    确保ANDROID_HOME环境变量指向存在的Android SDK。 在~/bash_profile(怎么打开这个文件上面已经讲过了)添加:

    # 如果你是通过Homebrew安装SDK的,则加入下列路径exportANDROID_HOME=/usr/local/opt/android-sdk# 

    否则可能是(当然具体视你把SDK放在哪):exportANDROID_HOME=~/Library/Android/sdk

    建议把Android Tools Directory 也加入到 Path,在~/.bash_profile中加入:

    PATH="~/Library/Android/sdk/tools:~/Library/Android/sdk/platform-tools:${PATH}"  export  PATH

    附:如何打开.bash_profile文件

    在控制台操作:

    (1)进去HOME目录:echo $HOME

    (2)创建文件:touch .bash_profile(如果无此文件则需先                               创建,否则不需此步)

    (3)打开文件:open -e .bash_profile

    ③故障解决

    1.安装Android Studio后,Virtual Device 不会被创建

    这是一个在某些Android Studio版本中的已知bug,尽管你在安装完后选择了它,你

    会在安装的最后看到:

    假如你看到这个,控制台运行android avd来手动创建vitual device

    然后在AVD Manager 窗口选择新的设备点击Start...

    如果运行不起来,提示HAX is not installed on this machine,则看这篇文章

    好了,Android studio安装完了,这个时候,如果在控制台可输入adb。是用不了的,提示:commadb not found,其实这很简单,这是因为你没有配置adb的环境变量。不信?大家想想win上配置安卓的环境时是否添加了两个path,一个是sdk的tools文件夹,另一个是platform-tools文件夹。想起来就对了,mac下也需要配置,接下来教大家如何在mac电脑中也能使用adb命令(开发react Native时,如果是真机调试的话,需要使用adb命令链接手机,具体连接方式自行百度):

    打开你的.bash_profile文件,在文件中输入你的sdk路径:

    export PATH=${PATH}:/Users/Richard(你的用户名)/Downloads/adt-bundle-mac-x86_64-20140702/sdk/platform-tools:/Users/Richard(你的用户名)/Downloads/adt-bundle-mac-x86_64-20140702/sdk/tools

    输入完后保存并关闭你的文件(关闭即自动保存)

    然后接着在你的终端上输入以下命令:

    刷新环境变量:source .bash_profile

    然后你就可以使用adb命令来测试了,如果还不行,请检测你保存的sdk路径是否正确!

    3.安装node.js

    3.1推荐从官网下载,然后一键安装,安装完后,控制台输入node -v;

    node.js安装成功,则可通过npm下载raactNative了

    4.接下来到react Native了,快速开始(控制台操作)

    安装react-native

    sudo npm install -g react-native-cli  (全局安装,记得带上sudo);

    初始化一个工程

    react-nativeinit AwesomeProject (需要耐心等待一段时间)

    进入项目目录

    cd AwesomeProject

    运行项目

    react-nativerun-android

    如果发现如下错误:

    如果你也遇到这个异常了,你就懂了我的无奈,因为这不是人为或是配置出了问题,你要是知道了答案肯定十分的震惊,那是因为:这个异常是 React Native 版本自带的Bug、“ react-native init 项目名 –version 0.38.0, 这是0.39(最新版本目前)的自身的问题,换0.38就能解决

    针对这个异常,下面提供具体解决方案:

    在控制台卸载之前安装的react Native :npm uninstall --save react-native

    再重新安装 npm install --save react-native@0.38

    相关文章

      网友评论

        本文标题:在Mac上搭建React Native Android开发环境

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