搭建react-native的android环境

258 阅读1分钟

搭建react-native开发环境,需要ios和安卓两个环境,ios相对简单,安卓xcode,按照官方文档正常运行就完美啦,但是Android就有点费劲了,因此以下,我专门做了一个搭建记录分享。

1、打开官方文档

reactnative.cn/docs/gettin…

选择android平台

因为我是mac,就默认macOs了

2、按照官方文档安装必要的依赖,这些都没有什么坑,直到安装JDK,他要求是1.8版本

去官网下载1.8版本jdk: www.oracle.com/technetwork…

3、这个下载还需要注册,累累的,注册完后顺利下载,然后就是安装,下一步balabala....

4、好,来到我们最重要的一步了,配置环境变量

1> vim ~/.bash_profile

创建并编辑,将如下配置写到文件里

JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_221.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator
export JAVA_HOME
export PATH
export CLASSPATH

2> source ~/.bash_profile 命令来使环境变量设置立即生效

3>echo $ANDROID_HOME 可以使用这个命令来检查

5、至此你可以编译并运行你的项目了,连接数据线,用真机测试,打开开发者模式,连接usb

1> 输入如下命令,到你的项目编译运行 cd AwesomeProject react-native run-android

再开一个窗口开启下项目: npm start

手机显示如下:

终于完事,分享给大家!