安装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开发环境。
第一步,安装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开发环境。
相关文章推荐
- 安装React开发环境(基于mac)
- 在Mac环境下安装React Native环境
- 一步一步搭建ReactNative开发环境(Mac)
- 安装react native开发环境
- React—native+Android环境搭建和开发配置(Mac)
- react-native 安装与环境配置(踩坑版,基于android studio)
- MAC下安装React Native环境。
- React Native 开发环境安装和配置
- ionic和react-native基于MAC平台的环境搭建
- React Native MAC下环境配置安装
- Mac环境下React Native开发App环境搭建
- window 安装开发环境 react native for android
- (0037) React-Native开发之环境配置步骤和安装使用
- React—native+Android环境搭建和开发配置(Mac)
- React Native Mac上搭建Android开发环境
- facebook react native 开发-----win7,mac环境搭建实践
- 为基于 MAC OS X 的 php 开发环境安装 memcache
- 在MAC下配置React-Native开发环境