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...缺一不可。




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

React Native Mac环境搭建

这里只介绍Mac 上的环境搭建,其他环境搭建请参考: http://facebook.github.io/react-native/docs/getting-started.html 。 上面有所...
  • totogo2010
  • totogo2010
  • 2016年06月03日 11:54
  • 9288

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

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

Mac上搭建React Native开发环境

基础环境搭建 环境搭建参考 http://blog.csdn.net/huxiaoqiao163/article/details/51423903, 感谢作者 遇到的问题 1、x...
  • hanjiyu
  • hanjiyu
  • 2018年01月09日 14:36
  • 68

Windows下搭建ReactNative开发环境(Android)

学习了一段时间ReactNative,最近有空总结一下,同时给正在学习ReactNative的伙伴提供参考,少走弯路。现在网上大部分的教程都是不怎么完善,或者是Mac下的实现,然很多人对ReactNa...
  • maxwell_nc
  • maxwell_nc
  • 2017年03月09日 17:43
  • 3196

Mac下搭建react native开发环境

安装必需软件 Homebrew Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。 /usr/bin/ruby -e "$(curl -fsSL https...
  • LIANGJIANGLI
  • LIANGJIANGLI
  • 2017年07月31日 14:27
  • 1078

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

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

React Native Mac OS X 开发环境搭建

React Native Mac OS X 开发环境搭建(一)前言FaceBook早期开源发布了React Native For iOS,在2015年9月15日也发布了React Native For...
  • u014484863
  • u014484863
  • 2016年05月31日 23:15
  • 1672

在Mac上搭建React Native开发环境

概述前面我们介绍过在window环境下开发React Native项目,今天说说怎么在mac上搭建一个RN的开发环境。配置mac开发环境基本环境安装1.先安装Homebrew:用于安装NodeJS和其...
  • xiangzhihong8
  • xiangzhihong8
  • 2016年12月28日 21:45
  • 12685

Mac环境下React Native开发App环境搭建

1. 搭建环境 (1). 安装最新版的XCode(如果不是最新版,可能在之后新建项目的时候,会编译通不过) (2). 安装HomeBlew(OS系统上的一个安装包管理器,安装后可以方便后...
  • yaoliangjun306
  • yaoliangjun306
  • 2016年06月08日 15:45
  • 1484

Mac下搭建React Native iOS开发环境

搭建React Native iOS开发环境
  • liang890806
  • liang890806
  • 2017年01月13日 01:59
  • 821
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:React Native Mac上搭建Android开发环境
举报原因:
原因补充:

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