温馨提醒:安装React Native开发环境,需要先安装HomeBrew和NPM,如果未安装,请参考 安装React开发环境(基于mac)
第一步,安装Watchman
确保先安装Xcode工具(mac自带安装了Xcode,无需担心,若没有,请到App Store下载安装),打开终端,安装watchman之前,可先执行命令 brew update && brew doctor 进行HomeBrew升级,(备注:如果出现未安装Xcode命令行工具的提示,直接拷贝出现warn提示下的命令 Xcode-select --install ,执行一下即可) 。然后执行命令 brew install watchman 进行安装watchman.
第二步,安装flow
执行命令 brew install flow
第三步,安装React-native-cli
执行命令 npm install react-native-cli -g (注:-g为全局范围内,均可使用命令),
输入react-native -v 可参看react-native, react-native-cli版本号
第四步,安装Android SDK
Android SDK为安卓开发工具,因为RN是混合式开发,所以需要安装Android开发环境和IOS开发环境(前面已安装Xcode,具备ios开发环境)。
如果你的mac已有Android Studio开发工具且具备开发android app环境, 则不需要再安装Android SDK。
- 如果未安装,先下载JDK(下载地址: http://www.oracle.com/technetwork/java/javase/downloads/index.html), 然后配置JDK环境变量(可参考:http://blog.csdn.net/fengmoon/article/details/52106694)。
- 接着可以通过Homebrew安装android sdk, 执行命令brew install android-sdk 。或者直接到android开发官网http://developer.android.com/index.html下载Android sdk(需翻墙).
- 安装完android sdk 之后,需要配置一下android环境变量,终端进入Home目录,cd $HOME, 打开.bash_profile 文件,命令open -e .bash_profile 或者 vi ~/.bash_profile (如果该文件不存在,可通过如下命令创建:touch .bash_profile)
增加下面两句:
export PATH=${PATH}:/Users/apple/Library/Android/sdk/platform-tools
export PATH=${PATH}:/Users/apple/Library/Android/sdk/tools
注意:${PATH}:后面的路径,用户需要根据自己SDK的安装目录进行修改
到这里,就完成了Android SDK的安装和环境配置,终端输入android,可以打开android sdk界面,则说明安装成功,如果出现mac -bash: android: command not found,则环境变量没配置成功,好好检查第3个步骤。打开android sdk界面后,接着你可根据自己需要下载一些android sdk版本。
通过以上四步,就完成了React Native开发环境的安装了,可以在终端输入react-native init xxx 新建项目,并且初始化项目为React-native项目,完成之后,可以用IDE打开,如Atom, Sublime Text等等。
到此,可以看到项目下面具有: android ,index.android.js , ios , index.ios.js
等等一系列文件夹和文件,说明该项目已经具备了React Native开发环境。