React Native开发环境配置

原创 2016年09月09日 13:13:25

手机系统:Android
开发环境:Mac

首先要确认安装以下工具:

Homebrev

安装:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

查看:

$ brew -v
Homebrew 0.9.9 (git revision 95863; last commit 2016-09-07)
Homebrew/homebrew-core (git revision deaf3; last commit 2016-09-07)

node

安装:

brew install node

查看:

$ node -v
v6.5.0

watchman

安装:

brew install watchman

查看:

$ watchman -v
4.6.0

React Native command line

安装:

sudo npm install -g react-native-cli

查看:

$ react-native -v
react-native-cli: 1.0.0
react-native: 0.32.1

打开模拟器,创建&运行测试APP:

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

遇到提示:

FAILURE: Build failed with an exception.

* Where:
Build file '/Users/caoyuhong/AwesomeProject/android/app/build.gradle' line: 110

* What went wrong:
A problem occurred evaluating project ':app'.
> SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

解决方案:

在工程目录/android下,创建文件local.properties,文件中写入自己Android SDK位置

sdk.dir=/Applications/Develop/adt-bundle-mac-x86_64-20140702/sdk

再次输入react-native run-android
如果build成功,会出现以下信息:

Installing APK 'app-debug.apk' on 'Google Nexus 5 - 5.0.0 - API 21 - 1080x1920 - 5.0'
Installed on 1 device.

BUILD SUCCESSFUL

Total time: 15.432 secs

如果APP没有自动启动,看到如下信息:

/bin/sh: adb: command not found
Starting the app (adb shell am start -n com.awesomeproject/.MainActivity...

则需要配置adb环境变量:

首先查看用户目录下是否有.bash_profile文件,如果没有,自己创建一个

cd ~
a | grep .bash_profile

修改.bash_profile的PATH,

vim .bash_profile

在:${PATH}前,其他环境变量后,加上adb目录。Mac上环境变量和Linux一样,是用:分隔的

PATH="(其他的环境变量):/Applications/Develop/adt-bundle-mac-x86_64-20140702/sdk/platform-tools/:${PATH}"

修改后保存配置

source .bash_profile

重新运行run命令,
查看模拟器:

等待一下,出现如下画面,说明配置成功

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

相关文章推荐

Solr 数据迁移

说明:此处描述的数据迁移主要是针对原有通过本地文件系统保存Solr索引文件的数据迁移到CDH5中通过HDFS保存Solr索引文件的流程。 原有solr数据环境:10.100.3.38,colle...

自定义对象ArrayList的indexOf用法

今天做项目的时候碰到一个功能需要使用ArrayList的indexOf方法,ArrayList中存放的是一组自定义的Notice对象,需要知道当前的一个Notice对象(此对象通过另外一个方法查询出)...
  • oHeHeHou
  • oHeHeHou
  • 2012年12月31日 23:24
  • 11270

React Native开发环境配置(MAC + iOS)官方文档翻译总结

环境的配置取决于您应用的运行平台,iOS, Android还是两者都可以.您只需要选择一种即可,因为不同的环境只是在setup时有点不同而已.下面是使用MAC开发运行在iOS系统的环境配置. 环境配置...
  • soindy
  • soindy
  • 2016年09月02日 09:16
  • 436

React Native简介及开发环境配置

React Native简介React Native是Facebook 在2015 大会上推出的基于 JavaScript 的开源框架。React Native 结合了 Web 应用和 Native ...

iOS开发 React-native开发环境配置

英文原文地址:https://facebook.github.io/react-native/docs/getting-started.html 1、安装 homebrew (若已经安装可跳过此...

iOS开发 React-native开发环境配置

英文原文地址:https://facebook.github.io/react-native/docs/getting-started.html 1、安装 homebrew (若已经安装可跳过此步) ...

环境配置:React Native 开发环境配置 For Android

React Native 是FaceBook开源的一个项目,FaceBook希望可以用写 Web App 的方式去写 Native App。它可以让我们用JS和React来开发应用,使用React N...

【React Native】React Native 的开发路(Windows 开发环境配置)

开发平台环境(Windows)    1 必备的软件  包括 vscode  jdk  python nodejs andriodstudio五个软件 ,下载找度娘  2 拉取Hello World代...

环境配置:React Native智能开发工具,可代码提醒的IDE——VS Code

VS Code是一个专门为React Native项目提供开发环境的扩展开发插件工具。可以调试代码,快速运行React Native的命令,并且可以智能提醒。非常的简便好用。 安装首先要确保你已经安装...

由iOS开发转到React-native的过程_之环境配置

额..这个大伙可以去网上百度,,,全是,,,(简书,掘金,百度,等等)
  • ZF_CDSN
  • ZF_CDSN
  • 2016年09月22日 13:57
  • 225
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:React Native开发环境配置
举报原因:
原因补充:

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