安装JDK
https://www.oracle.com/technetwork/java/javase/downloads/index.html
JDK版本必须是1.8(目前不支持1.9及更高版本)
安装Python
https://www.python.org/downloads/
Python版本必须为2.x (不支持3.x)
安装Node.js
Node.js版本必须高于8.3
建议设置npm镜像以加速后面的过程(或使用科学上网工具)
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
安装Yarn、React-Native命令行工具
Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务
npm install -g yarn react-native-cli
安装完Yarn后同理也要设置镜像源:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
安装完yarn之后就可以用yarn代替npm了
例如用 yarn 代替 npm install 命令,用 yarn add 某第三方库名 代替 npm install 某第三方库名
Android开发环境
1、首先下载安装Android Studio,然后在AS的SDK Manager中选择安装各版本的SDK
2、配置ANDROID_HOME环境变量,React Native需要通过环境变量来了解你的Android SDK装在什么路径,从而正常进行编译
3、把platform-tools目录添加到环境变量Path中
创建新项目
进入到工作目录创建一个名为“AwesomeProject”的项目,运行命令:
react-native init AwesomeProject
提示:也可以使用 --version参数创建指定版本的项目。例如 react-native init AwesomeProject --version 0.44.3 注意版本号必须精确到两个小数点
编译并运行React Native应用
cd AwesomeProject
react-native run-android
首次运行需要等待数分钟并从网上下载gradle依赖
如果apk安装运行报错,如下图,请检查系统环境变量是否配置ANDROID_HOME
出现下图表示运行成功了,并且模拟器或真机上可以看到APK了