react native mac Android环境搭建以及使用
react native mac Android环境搭建以及使用
Chason-洪 发表于3个月前
react native mac Android环境搭建以及使用
  • 发表于 3个月前
  • 阅读 4
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

安装

必需的软件

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文件中:(译注:~表示用户目录,即/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 Native
共有 人打赏支持
粉丝 4
博文 96
码字总数 90971
×
Chason-洪
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: