一、开发环境准备

1、安装 JDK

需要 Java JDK 8 以上
配置 JDK 环境变量

2、安装 node.js 环境

3、安装C++环境

大多数情况下操作系统自带C++环境，不需要手动安装；如果运行报错，需要手动安装visual studio中的C++环境

4、安装 git 环境

5、安装 python 环境

• RN需要2.x版本的python
• 安装时勾选自动配置环境变量
• 安装完成，执行 python 命令，检查是否安装成功

6、配置 Android 环境

安装 Android，并配置环境变量

（可以自行百度，有很多文章会详细介绍，这里不再赘述，一篇参考文章）

二、工具准备

1、使用npm或yarn

设置npm镜像，使用npm或者yarn，不要使用cnpm（因为cnpm安装路径比较奇怪，packger不能识别）。可以设置镜像源为taobao镜像

npm5（5.0.x） 存在安装新库时会删除其他库的问题，导致项目无法正常运行。请尽量使用 yarn 代替 npm 操作。

2、安装yarn

react-native是Facebook的，yarn也是Facebook的，因此RN默认使用yarn工具

3、安装react-native-cli

npm install -g react-native-cli

三、使用 RN 开发

1、初始化 react-native 项目

创建新项目：

react-native init [项目名]

初始化创建完成，选择 run 方式：

have an android emulator（模拟器） running, or a device（设备） connected
意思是：需要本地有一个安卓模拟器或者设备连接运行。

所以接下来：
1、启动模拟器
2、在项目目录下，使用 adb 连接模拟器：adb connect 127.0.0.1:62001
3、在项目目录下打包： npx react-native run-android或者react-native run-android

2、使用ReactNative打包

以上完成之后，可以执行打包命令：

react-native run-android

第一次配置好环境之后，执行这个命令会下载很多包，如果过程中出现错误，可能是网络原因，可以重新执行该命令。但是若是一直会报错，那么可以去检查之前的安装和配置是否有问题。

打包成功之后，会自动安装到手机上，当手机上出现如下界面：Welcome to React Native，表示成功。

3、项目目录

使用的是 react 语法，但是组件使用的是 react-native 提供的组件，详见 react native中文网

四、使用 weex 开发

1、安装weex，创建项目

使用 Weex 快速打包，需要先安装相关工具

1.安装weex工具
npm install -g weex-toolkit

2.创建项目
weex create [项目名]

3.添加平台（ios/android），项目下执行命令
weex platform add android

4.运行项目
weex run android // 第一次执行时，会花费较长时间下载相关包，之间可能出现网络问题，要耐心等待

2、项目目录

使用的是 vue 语法，但是组件使用的是 react-native 提供的组件，详见 react native中文网

五、react-native 和 weex 比较

1、开发技术角度

• 技术：react-native 使用的是 react，weex 使用的是 vue
• 组件： react-native 提供的组件，详见 react native中文网

2、运行调试角度

• 开发调试：react-native 修改代码，连接的安卓手机或者模拟器、以及浏览器可以实现实时更新；weex 修改代码，浏览器可以实现实时更新，但是连接的安卓手机不可以