您的位置:首页 > Web前端 > React

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

2017-02-22 16:43 465 查看
温馨提醒:安装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开发环境。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: