react-native —— 在Mac上搭建React Native Android开发环境

发布时间：2020-12-15 05:20:09 所属栏目：百科来源：网络整理

导读：需要：JDK，Android SDK，Node.js 1.安装JDK 去 Java官网下载列表选择Mac OS X x64版 2.安装Android SDK 虽然现在谷歌推荐使用Android Studio，但是我还是选择了单独安装Android SDK。这是一个比较全的目录，上面的链接是官方的，有wall，用下面的基本都是

需要：JDK，Android SDK，Node.js

1.安装JDK

去 Java官网下载列表选择Mac OS X x64版

2.安装Android SDK

虽然现在谷歌推荐使用Android Studio，但是我还是选择了单独安装Android SDK。

这是一个比较全的目录，上面的链接是官方的，有wall，用下面的基本都是网盘资源，速度还可以，记得修改Android SDK在线更新镜像服务器。

PS：在Android SDK Manager里要装API 23的

安装完成后，一定要设置环境变量：

进入用户主目录下

$cd ~

然后如果目录下不存在.bash_profile文件，则创建该文件

$touch .bash_profile

打开该文件

$open .bash_profile

接着在文件中加入以下两行，{/your/sdk/path/}是你的SDK文件夹的路径

 
         export 
         ANDROID_HOME={ 
         /your/sdk/path/ 
         }android-sdk-macosx 
        
PATH=${PATH}:$ANDROID_HOME 
         /tools 
         :$ANDROID_HOME 
         /platform-tools

保存并退出，然后执行

$source .bash_profile

最后测试一下

$adb version

出现AndroidDebugBridgeversion1.0.32

输入 $android 会打开Android SDK Manager

自此，设置环境变量成功

3.安装nvm,Node.js,watchman,flow

(1)官方说推荐使用 Homebrew的方式安装nvm,flow。

安装nvm后，运行

$nvm install node
$nvm alias default node

install 命令可能需要在前面加上sudo命令，根据提示输入密码，才能获取安装权限

安装最新版本Node.js

(2)当然也可以在 node.js官网直接下载

输入$node -v 检测是否成功安装

4.安装React-native-cli

$npm install -g react-native-cli

-g意思是全局安装

$open /usr/local/lib/node_modules

可以看到npm在全局安装的所有包

5.初始化示例项目

$react-native init AwesomeProject

需要等待一段时间，然后打开

$cd AwesomeProject
$react-native run-android

第一次运行可能会安装gradle，速度有点慢，要耐心，等等等。。。

PS：测试推荐使用真机，安卓虚拟机启动速度不想吐槽。。。

真机调试时，如果一打开一片红，“Unable to download JS bundle”，请摇晃手机，在弹出的选单里选择Dev Settings，选Debug server host for device，然后输入电脑的IP地址，此时手机要与电脑（编译环境）在同一Wifi环境下

欢迎界面：

6.编辑代码

打开index.android.js并修改部分代码，保存

摇动手机，点Reload JS，可以看到界面变化了（增加静态资源时，需要重新编译）

参考： http://www.52php.cn/article/p-wfkzwfmi-bnv.html

$touch .bash_profile

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!