原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/setup-react-native-development-environment/
安装Xcode
从App Store搜索下载。需要苹果Id账号。
安装家酿
打开终端,执行以下命令即可安装。详情请参考家酿官网(http://brew。sh/) .
<强>安装自制程序强>
#,no need ×××/usr/bin/ruby -e “$ (curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安装完成之后,使用“酿造医生“命令检查是否安装成功。根据提示解决对应的问题,消除警告。
安装Android SDK
通过自制程序可以便捷地把Android SDK安装到默认目录“/usr/地方/opt/Android SDK”。请在终端中执行以下命令。
<强>安装Android SDK 强>
#,no need ××× brew install  Android SDK
需要设置环境变量ANDROID_HOME美元,美元的道路。
<强>安装Android SDK 强>
#,在终端中执行以下命令,打开环境变量配置文件 sudo nano  ~/. bash_profile , #,粘贴如下指令,保存环境变量(需要注销并重新登录mac) export ANDROID_HOME=/usr/地方/opt/android sdk export 路径=$路径:ANDROID_HOME/bin: ANDROID_HOME美元/工具 , #,按CTRL + X可保存
更新Android SDK组件(需要挂×××)
在终端中执行“Android SDK”即可打开Android SDK更新管理工具。
如下图安装Android SDK中的组件,注意“Android SDK构建工具”的版本要求是23.0.1,使用Genymotion的情况下,可以不安装“英特尔x86 Atom_64系统映像”和“英特尔x86原子系统映像”。
在Webstrom命令行中,输入“npm安装”命令初始化“本地”反应依赖项。
<强>安装依赖react-native 强>
#,no need ××× npm 安装
在iOS模拟器中运行
在Webstrom命令行中,输入“react-native run-ios”即可打开iOS模拟器并运行改项目。
快捷键:
- <李>
命令+ R修改任何js代码之后,可以通过改快捷键重载应用看效果。
李> <李>Ctrl +命令+ Z打开菜单,可以启用自动重载,查看帧率,审查元素等。
李>在Android模拟器中运行
首先需要在Genymotion中登录账号并且安装一个Android镜像。运行Android镜像后,可以在Webstorm命令窗口中执行“react-native运行Android”。