win上搭建react-native android环境

来源:互联网 发布:php pack 打包字符串 编辑:程序博客网 时间:2024/05/21 17:30

win上搭建react-native android环境

1.安装JDK
既然是android开发,那么java肯定逃不掉了。从Java官网下载安装包吧。我的电脑是64位的,所以我选择下载64位的安装包。

2.安装Android SDK
先下载Android Studio,如果翻墙不方便的话,可以从AndroidDevTools上下载,我是翻墙从官网下载的。安装过程中会提示选择SDK的目录,默认是在系统盘,我选择的是F/android/sdk。安装完成后,先要配置一下sdk Manager的网络设置,否则在不翻墙的情况下安装sdk会很慢很慢。腾讯Bugly的镜像就挺好的,查看说明。
安装以下项目:
Tools/Android SDK Tools (24.4.1)
Tools/Android SDK Platform-tools (23.0.1)
Tools/Android SDK Build-tools (23.0.2)
Android 6.0 (API 23)/SDK Platform (1)
Extras/Android Support Library(23.1)
最后在系统环境变量中加入ANDROID_HOME,路径为sdk目录。

3.安装Git
下载Git,记得把git.exe的路径写入系统环境变量,因为在执行react-native init命名时会调用git去下载react-native的源码。

4.安装Node.js
到官网下载最新版的安装包安装即可。npm(node package manager)是随着node.js就安装好的,为了加速安装其他的package,在cmd里输入以下命令:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

5.安装react-native命令行工具
npm install -g react-native-cli

6.创建react-native android项目
react-native init MyProject
这一步要等上很长时间,原因不明。不想等待的话可以在这里下载项目文件,然后将android目录下的gradle.properties文件中的sdk.dir设为本机上sdk的目录。
sdk.dir=F:\android\sdk

7.启动react-native服务
进入项目文件夹,输入启动命令
react-native start
在浏览器中访问地址:http://localhost:8081/index.android.bundle?platform=android
第一次访问需要稍等一会,这是在生成android的bundle文件。cmd窗口别关,一直保持开启状态。

8.安装并启动android模拟器,安装好并启动。试用了很多模拟器,有些模拟器adb无法连接,有些模拟器adb连上了,但是在却没有“摇一摇”或者菜单键,非常蛋疼。

进入项目目录,输入命令:
react-native run-android
第一次运行时会需要下载一些东西,等待就行。
build成功后便会在模拟器上自动运行了

原创粉丝点击