react native mac Android环境搭建以及使用

前端之家收集整理的这篇文章主要介绍了react native mac Android环境搭建以及使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

安装

必需的软件

Homebrew

Node

Yarn、React Native的命令行工具(react-native-cli)

Watchman

以上安装参考、mac ios安装文章

安装Android Studio

官网下载AS和SDK安装。AS的SDK manager配置参考windows安装的文章

重点环境变量的安装:

ANDROID_HOME环境变量

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。具体的做法是把下面的命令加入到~/.bash_profile文件中:(译注@H_403_46@:~表示用户目录,即/Users/你的用户名/,而小数点开头的文件在Finder中是隐藏的,并且这个文件有可能并不存在。请在终端下使用vi ~/.bash_profile命令创建或编辑。如不熟悉vi操作,请点击这里学习)

vi ~/.bash_profile。

然后键盘按E进入编写

# 如果你不是通过Android Studio安装的sdk,则其路径可能不同,请自行确定清楚。
export ANDROID_HOME=~/Library/Android/sdk

将Android SDK的Tools目录添加PATH变量中

你可以把Android SDK的tools和platform-tools目录添加PATH变量中,以便在终端中运行一些Android工具,例如android avd或是adb logcat等。具体做法仍然是在~/.bash_profile添加

export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

编写完之后按ESC退出编写模式然后输入:wq回车

然后使用下列命令使其立即生效(否则重启后才生效):

source ~/.bash_profile

可以使用echo $ANDROID_HOME和echo $PATH检查此变量是否已正确设置。

其他可选的安装项

Git

Git版本控制。如果你已经安装过Xcode,则Git也已经一并安装了。如若没有,则使用下列命令安装:

brew install git

测试安装

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

android不会自动开启模拟器。所以会报错没有连接device,具体模拟器细看windows搭建环境的文章。android Studio的话要先点击run图标开启模拟器,此时模拟器报错,再终端进入项目,执行:react-native start开启服务器,最后Android Studio重新点击run图标{一定要这个})

提示:你可以使用--version参数创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。

猜你在找的React相关文章