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的图标了,双击该图标,弹出
解决方法:在安装路径下找到idea.properties文件,用记事本打开,添加disable.android.first.run=true,保存即可
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 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;
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