安装JDK

到官网下载对应平台的安装包,配置如下环境变量(windows安装包应该会默认配置好下面的配置):

//指明JDK的安装路径
JAVA_HOME 值为 C:\Program Files (x86)\Java\jdk1.8.0_51

//指明JAVA虚拟机要装载类的路径
CLASSPATH 值为 .;%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar;

//指明系统可以再任何路径下识别JAVA命令
PATH 后追加 %JAVA_HOME%\bin

安装Node.js

到官网下载即可

安装React Native 命令行工具

使用npm install -g react-native-cli,安装即可

安装Android Studio

到谷歌官方的平台下载,国内用户可以使用一下地址进行下载:https://developer.android.google.cn/studio/index.html安装

初始化第一个react native项目

使用react-native init AwsomeApp来建立第一个react native项目。因为再初始话项目时需要从npm下载大量的js文件,因此为加快速度,将npm的源改为淘宝镜像。打开C:\Program Files\nodejs\node_modules\npm文件,加上registry = https://registry.npm.taobao.org即可。

启动react native项目

1、切换到AwsomeApp目录,使用react-native start命令启动react native的js服务器。
2、使用Android Studio打开AwsomeApp项目里面的android文件夹
3、这时候,Android Studio会提示我们下载所有构建react native项目所需要的各种文件和软件(这时候一定要确保能翻墙)
4、在Android Studio成功构建后,就可以使用启动react native应用了(首先启动模拟器,然后再将应用打包到模拟器中)
5、如果顺利的话,第一个react native应用就构建成功了。

在上述的过程中,react native服务器很可能挂掉,可以在Android Studio启动app之后,再使用命令react-native start启动。
再模拟器的react-native应用中可以使用Ctrl + M打开调试菜单,点击reload重新加载js文件。



登陆发表评论