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

前端之家收集整理的这篇文章主要介绍了react-native —— 在Mac上搭建React Native Android开发环境前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

需要:JDK,Android SDK,Node.js 1.安装JDKJava官网下载列表选择Mac OS X x64版 2.安装Android SDK虽然现在谷歌推荐使用Android Studio,但是我还是选择了单独安装Android SDK。 这是一个比较全的目录,上面的链接是官方的,有wall,用下面的基本都是网盘资源,速度还可以,记得修改Android SDK在线更新镜像服务器。 PS:在Android SDK Manager里要装API 23的 安装完成后,一定要设置环境变量: 进入用户主目录下
1
$ 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.jb51.cc/article/p-wfkzwfmi-bnv.html
原文链接:https://www.f2er.com/react/304842.html

猜你在找的React相关文章