React-native Android环境安装(Windows10)

搭建React-native环境

首先你必须要装好JAVA JDK,然后版本要在1.8以上.

下载1.8 版本(64位或32位SDK)

下载网站-http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

下载安装后相关环境变量的配置

Cmd开启命令提示符,写入java测试是否安装成功



然后就是安装AndroidStudio,并下载相关的SDK

1.点选顶部栏 File–>Settings–>Appearance–>System Settings

–>AndroidSdk

2.AndoridSDKLocation 点选Edit选择你SDK文件夹的位置,然后可以在Androidstudio中下载SDK,如果觉得太慢,也可以去网上载好,放入文件夹

,在载入就行,另外,android-23这一定要载,之后在执行react启动才不会有问题



3.ANDROID_HOME(SDK)环境配置

控制面板->系统安全->系统->高级安全设置



4.环境变量->系统变量中新增ANDROID_HOME->加入SDK的位置

5.在path里填入%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

测试是否成功可以在命令提示符下键入adb 测试



6.下载Node.js, https://nodejs.org/en/, v6.3.1Current,装上他!



7.然后在你的nodejs command prompt中键入

npm config set registry https://registry.npm.taobao.org (淘宝提供的镜像)

npm config set disturl https://npm.taobao.org/dist

npm install -g react-native-cli (安装react-native)

建立一个RN的项目

自建一个文件夹, AwesomeProject,然后启动项目

键入react-native run-anroid



Build Successful 代表建立成功,如果Build Faild就必须检查配置那里没配好



启动后就会弹出react得server



可以在虚拟机或者真机上进行测试,我测试的时后是用真机去测试,装完之后检查手机上会有个AwesomeProject 的 APP

首次进入他会有报错,会出现Could not to development server,但是这很正常,因为手机网路跟你电脑的本机网路并没有在同一个内网上面,所以你手机必须连上你电脑端的Server



你可以在windows上装个wifi共享热点,腾讯管家wifi共享,猎豹wifi共享

网上都可以载得到,载完之后用手机连进这个wifi.

打开APP之后,记住这个手势~你先要摇一摇~(附近没有美女,笑)~然后他会有个

弹窗跳出,点最下面的Dev Settings,进去之后点最下面 Debug Server host&port for device, 写下你的ip,记得后面必须加上:8081,才能连上







连上后画面



React-Native热更新功能 Enable hot reloading

一样的方式,在手机摇一摇弹窗中的Enable hot reloading点他

,你就可以js更新的时后及时更新手机页面

在index.android.js项目中修改





以上就是在Window10中安装react-native,不专业解说~有任何问题可以私Q我

QQ:3097458549