React Native Mac上搭建Android开发环境

来源:互联网 发布:c语言下载官方下载 编辑:程序博客网 时间:2024/05/17 06:48

前提预先安装了Android Studio和SDK API 23,


提前准备:

进入用户主目录下   $cd ~
然后如果目录下不存在.bash_profile文件,则创建该文件
$touch .bash_profile
打开该文件
$open .bash_profile
接着在文件中加入以下两行,{/your/sdk/path/}是你的SDK文件夹的路径
export ANDROID_HOME={/your/sdk/path/}android-sdk-macosx
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
保存并退出,然后执行

$source .bash_profile


紧接着进行下列步骤:
1.安装Homebrew                             /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.通过Homebrew安装node             地址: http://nodejs.cn/download/      brew install node       node 6.2.0  npm 3.8.9
3.通过Homebrew安装watchman     brew install watchman
4.安装React Native命令行接口        sudo npm install -g react-native-cli    
5.在一个自定义的目录下  执行react-native init AwesomeProject  

6. cd AwesomeProject执行react-native start  

7.将AwesomeProject项目下的android导入到Android Studio中运行,一开始肯定是报错的,然后摇动手机Dev Settings设置PC端的IP地址和端口号,再次摇动手机Reload,项目即可启动了,React Native之旅开始了...


PS:要想在手机上运行程序,在项目目录下执行react-native start或浏览器输入...8081...缺一不可。




1 0
原创粉丝点击