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

需要:JDK,Android SDK,Node.js

1.安装JDK

Java官网下载列表选择Mac OS X x64版

2.安装Android SDK

虽然现在谷歌推荐使用Android Studio,但是我还是选择了单独安装Android SDK。

这是一个比较全的目录,上面的链接是官方的,有wall,用下面的基本都是网盘资源,速度还可以,记得修改Android SDK在线更新镜像服务器。

PS:在Android SDK Manager里要装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

最后测试一下

$adb version

出现 Android Debug Bridge version 1.0.32

输入 $android 会打开Android SDK Manager

自此,设置环境变量成功

3.安装nvm, Node.js, watchman, flow

(1)官方说推荐使用Homebrew的方式安装nvm, watchman, flow。

安装nvm后,运行

$nvm install node
$nvm alias default node

install 命令可能需要在前面加上sudo命令,根据提示输入密码,才能获取安装权限

安装最新版本Node.js

(2)当然也可以在node.js官网直接下载

输入$node -v 检测是否成功安装

4.安装React-native-cli

$npm install -g react-native-cli

-g意思是全局安装

$open /usr/local/lib/node_modules

可以看到npm在全局安装的所有包

5.初始化示例项目

$react-native init AwesomeProject

需要等待一段时间,然后打开

$cd AwesomeProject
$react-native run-android

第一次运行可能会安装gradle,速度有点慢,要耐心,等等等。。。

PS:测试推荐使用真机,安卓虚拟机启动速度不想吐槽。。。

真机调试时,如果一打开一片红,“Unable to download JS bundle”,请摇晃手机,在弹出的选单里选择Dev Settings,选Debug server host for device,然后输入电脑的IP地址,此时手机要与电脑(编译环境)在同一Wifi环境下

欢迎界面:

6.编辑代码

打开index.android.js并修改部分代码,保存

摇动手机,点Reload JS,可以看到界面变化了(增加静态资源时,需要重新编译)

参考:http://wiki.jikexueyuan.com/project/react-native/GettingStarted.html

时间: 2024-10-13 00:10:48

react-native —— 在Mac上搭建React Native Android开发环境的相关文章

图文教程:在Mac上搭建Titanium的iOS开发环境

http://mobile.51cto.com/web-317170_all.htm 跨平台开发工具Titanium的兴起之路:HTML 5是最大威胁 比较Titanium和PhoneGap两大iOS移动应用开发框架 跨平台移动Web开发工具 Titanium Mobile简介 图文教程:在Windows 7上搭建Titanium Mobile开发环境 Titanium架构分析图文教程:在Mac上搭建Titanium的iOS开发环境,码迷,mamicode.com

在Eclipse上搭建Cocos2d-x的Android开发环境

很多其它相关内容请查看本人博客:http://www.bokeyi.com/ll/category/cocos2d-x/ 本文的搭建方法是最新最正确的方法,好多朋友反映搭建eclipse交叉编译环境非常复杂又头疼,事实上仅仅是网上的资料太过零散,差一步而谬之千里啊,不多说,假设你看了这篇文章,恭喜你,你省下了至少48小时的生命. 我的操作系统:WIN7 Eclipse版本号:eclipse-jee-kepler-SR2-win32 Cocos2d-x版本号:2.2.3 一.Android环境搭建

在 Mac 上搭建 Nginx PHP Mysql 开发环境

其实这个过程跟Linux下安装都差不多,只是部分命令有差别,大同小异. 网上看到很多教程都是用 brew 之类的包管理器安装,但是 Mac 自带了 php , 难道还要再装一个第三方的?强迫症果断不能忍,于是就想利用自带的 php-fpm 来搭建,没想到一搭建就是两个小时,在这里把过程整理一下备用,同时也方便需要的人. 因为是调试环境,所以没有注重安全方面,有些东西直接 chmod 777 了 要用于ws的话还是改改吧. 下载 nginx 源代码 并开始编译 tar zxvf nginx.tar

史上最简单的Ubuntu上搭建java和Android开发环境

在Ubuntu下搭建java环境和Android环境: 1.搭建java环境请参考他:搭建java环境步骤 2.当java环境搭建好了之后,下载(sdk+adt+eclipse),链接地址:包含(adt+sdk+eclipse) 下载完了,只需解压. 推荐看看:国内SDK+Eclipse+ADT下载地址 3.配置.bashrc: sudo gedit .bashrc  (在你的用户主目录下执行) export JAVA_HOME=/xx/Android/jdk1.7(jdk安装目录) expor

在Mac上搭建React Native开发环境

概述 前面我们介绍过在window环境下开发React Native项目,今天说说怎么在mac上搭建一个RN的开发环境. 配置mac开发环境 基本环境安装 1.先安装Homebrew:用于安装NodeJS和其他工具. 注:Homebrew详解,对这个比较了解的略过,我也是用mac没多久,这里给小白普及下. Homebrew全称Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn't i

在Windows7上搭建Cocos2d-x 3.2alpha0开发环境

在windows7上搭建COCOS2D-X开发环境并不难, 但是由于框架更新过快,很多用户都有困难.我希望你们认为这个教程有用. 建议:为了避免安全相关的问题,请以管理员权限执行所有的操作,当运行命令的时候,也要确保之前是以管理员权限打开了命令行窗口. 工具准备 搭建开发环境需要安装工具包括 Visual Studio python ———(本教程以python2.7.3版本为例),下载地址:http://www.python.org/download/releases/2.7.3/. Coco

在Eclipse中搭建cocos2d-x的Android开发环境(免cygwin)

在突击几天学习Android开发之后,我开始转向cocos2d-x的Android开发了.由于自己以前有了解过cocos2d-x的开发,当时自己也学过不少游戏引擎,觉得cocos2d-x作为一个游戏引擎实在是比较简陋,没想到cocos2d-x现在红得发紫,这是我远远没有想到的.于是也赶赶潮流的末班车,查资料顺利地在Eclipse上搭建cocos2d-x的Androd开发环境. 原创文章,反对未声明的引用.原博客地址:http://blog.csdn.net/gamesdev/article/de

史上最全的Android开发环境搭建

开始学习Android了 看着眼花缭乱的教程真心无奈...So  无耻的来了个大综合 自己充当了小白鼠.. (PS 若文章中链接失效 请留言反馈me会尽快修复) 开始的开始 java运行环境还是很必要的 如果你java环境已有,自己也不想瞎折腾 欢迎使用ADT bundle,ADT bundle包含sdk + 特定版本platform + eclipse + adt + 兼容包,解压缩即可使用.唯一的缺点是体积比较大,如果你刚开始学习Android强烈建议自己手动来搭建Android开发环境..

【转】10分钟搭建NDK的Android开发环境

原文网址:http://blog.csdn.net/u012176591/article/details/23018913 作者:金良([email protected]) csdn博客:http://blog.csdn.net/u012176591 1. 安装JDK. 1.1 去官网http://www.oracle.com/technetwork/java/javase/downloads/index.html下载JDK7软件包,我下载的是jdk-7u51-windows-i586.exe.

在Windows下搭建Cocos2d-X的Android开发环境

在前面的博客中介绍了搭建Windows下的Cocos2d-X开发环境和搭建Windows下的Android开发环境,今天介绍搭建Cocos2d-X下的Android开发环境 在搭建Cocos2d-X下的Android开发环境前,首先要搭建好Windows下的Cocos2d-X开发环境和Windows下的Android开发环境 如果没有搭建好这两个环境可以看本人的博客 搭建Windows下的Cocos2d-X开发环境:http://blog.csdn.net/u010105970/article/