React Native Mac上搭建Android开发环境

原创 2016年08月29日 11:36:23

前提预先安装了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...缺一不可。




版权声明:本文为博主原创文章,未经博主允许不得转载。

Mac上搭建React Native Android开发环境并运行

react-native目前是越来越火,很多人都开始接触,环境搭建就显得比较重要,具体方法可以看一下这两篇文章 1、mac上搭建步骤 2、Mac OSX 安装nvm(node.js版本管理器)在执...
  • cuiran
  • cuiran
  • 2016年10月17日 11:56
  • 1259

【React Native】Mac端iOS和Android开发环境搭建完全教程

【React Native】Mac端iOS和Android开发环境搭建完全教程安装iOS和Android通用依赖项 安装 Homebrew /usr/bin/ruby -e "$(curl -fsSL...

react-native —— 在Mac上搭建React Native Android开发环境

需要:JDK,Android SDK,Node.js   1.安装JDK 去Java官网下载列表选择Mac OS X x64版   2.安装Android SDK ...

在Mac上搭建React Native开发环境(iOS && Android)

一、配置iOS开发环境①基本环境需求1.先安装Homebrew:用于安装NodeJS和其他工具必须的$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githu...

一步一步在Windows下搭建React Native Android开发环境

搭建JAVA开发环境根据操作系统分为x86或x64位的,下载jdk1.8以上的版本,本机安装时的java版本:jdk-8u45-windows-x64.exe配置JAVA的环境变量JAVA_HOME ...
  • itpinpai
  • itpinpai
  • 2016年03月05日 16:15
  • 25117

手把手教你在Windows下搭建React Native Android开发环境

最近看到React Native好像好厉害的样子,好奇心驱使之下体验了一下并将在Window下搭建React Natvie Android环境的步骤记录下来,并有需要的朋友参考。(我都是参考官方文档的...

在Windows下搭建React Native Android开发环境

在Windows下搭建React Native Android开发环境 一、安装JDK 从Java官网下载JDK并安装。请注意选择x86还是x64版本。 将JDK的bin目录加入系统PATH环境...
  • CeKwok
  • CeKwok
  • 2015年10月19日 20:38
  • 345

在Windows下搭建React Native Android开发环境(加入下载链接)

1.安装JDK从Java官网下载JDK并安装。请注意选择x86还是x64版本。 推荐将JDK的bin目录加入系统PATH环境变量。 - 官网链接:http://www.oracle.com/...

搭建React Native Android开发环境[Windows]

系统环境要求 JDK和Android Studio开发环境 推荐配置Android SDK的环境变量 [ANDROID_HOME] = D:\AndroidTools\sdk [SDK安装根...

window下搭建React Native Android开发环境

在React.js 2015大会上,Facebook公布了即将开源的React Native,它基于开源框架React.js,并可用来开发iOS和Android原生应用。不了解的童鞋可以先浏览一下中文...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:React Native Mac上搭建Android开发环境
举报原因:
原因补充:

(最多只允许输入30个字)