安装React Native开发环境 (基于mac)

温馨提醒:安装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。

  1. 如果未安装,先下载JDK(下载地址: http://www.oracle.com/technetwork/java/javase/downloads/index.html), 然后配置JDK环境变量(可参考:http://blog.csdn.net/fengmoon/article/details/52106694)。
  2. 接着可以通过Homebrew安装android sdk, 执行命令brew install android-sdk 。或者直接到android开发官网http://developer.android.com/index.html下载Android sdk(需翻墙).
  3. 安装完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开发环境


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值