环境安装说明

凡是安装开发环境，都需要注意以下几点，防止意外错误的发生：

安装的软件目录中不要出现中文与特殊字符，尤其是空格
计算机名称不要中文，改成英文，也不要特殊字符

参考文档

reactnative.cn/docs/gettin…

Node环境

目前ReactNative需要至少8.0以上的Node版本。官网下载最新的版本即可。

nodejs.cn/

npm淘宝镜像配置

node安装后，npm就跟着一起被安装了，为了提供国内的下载速度，同样把npm的源镜像地址改为淘宝的，在命令行窗口中运行如下命令进行配置。

# 配置
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

# 检测
npm config get registry
npm config get disturl

React-Native 快速开发环境

学习使用React-Native最令人头疼的就是环境问题，因为大多数web开发者，并不熟悉Android与IOS的开发环境，配置起来也比较繁琐，同时Android程序员也不熟悉IOS环境，IOS程序员也不熟悉Android环境，导致了很多人因为环境而放弃学习，为了解决这个问题，所以产生了所谓的快速开发环境。

create-react-native-app

这是目前官网推荐的React-Native开发工具，特点是无需配置繁杂的Android或IOS开发环境便可进行RN原生应用的开发，简化了环境搭建与配置，非常方便，很适合新人和拥有多台办公设备的程序员使用。

安装

# 安装
npm install -g create-react-native-app

# 版本检测
create-react-native-app --version

模拟器

有了开发环还需要一款手机作为运行环境，除了使用真机外，还可以使用模拟器软件进行替代。Window平台下官方推荐使用一款叫 Genymotion 的 Android 模拟器，该模拟器依赖VirtualBox虚拟机，需要创建账号登陆后才能使用，除此以外也可以使用国内模拟器，国内模拟器比较多，有夜神、雷电、MuMu等。

adb工具

adb安装在Android-sdk路径下的 platform-tools 目录，这个工具是电脑与Android设备进行通信的通用命令行工具，同时可以检测或连接Android设备，所有有几个常用命令需要了解。将来使用的时候需要保证本机的adb版本需要与Android设备内的adb版本一致，否则可能无法正常通信，解决办法是我们可以复制本机的adb.exe程序，然后覆盖掉模拟器中的版本。

adb version # 查看版本
adb devices # 列出连接到本机的Android设备与状态
adb connect # 手动连接Android设备
adb start-server # 启动adb服务
adb kill-server # 关闭adb服务

C:\Users\Administrator>adb version
Android Debug Bridge version 1.0.31

开发方式

模拟器开发调试

开发环境create-react-native-app与运行环境模拟器准备好之后，就可以开始RN开发了。

启动模拟器

首先启动模拟器，运行adb devices命令，查看设备是否正常连接，
如果提示adb版本不符合，那么就需要把本地Android-sdk目录下的adb.exe复制到模拟器目录下的bin中，进行覆盖。然后重启模拟器进行尝试。

// 连接正常的话会显示设备信息或地址信息，如：127.0.0.1:7555 device
C:\Users\Administrator>adb devices
List of devices attached
127.0.0.1:7555  device

// 如果没有发现设备，那么需要手动进行连接，夜神模拟器端口62001，MUMU模拟器端口7555
C:\Users\Administrator>adb connect 127.0.0.1:7555
connected to 127.0.0.1:7555

项目创建与运行

然后通过下面的命令创建并运行项目，create-react-native-app 会自动在模拟器中安装Expo软件，并在此APP中运行我们的项目，这种方式有点类似与微信小程序，即我们的项目最终是运行在一个叫Expo的App当中。

# 项目创建
create-react-native-app projectName

# 运行
cd projectName
yarn start

当项目成功启动后，会出现如下的信息：

然后使用手机里面的 expo app 扫描这个二维码即可。

app开发-环境搭建-沙盒模式（零）