温馨提示
该文章距离上次更新已经过去了 545 天，文章内容可能已经过时。
搭建开发环境
中文文档：搭建开发环境
开发环境分为两种：简易沙盒环境 和 完整原生环境
简易沙盒环境（手机预览环境）
如果当前是出于学习阶段，想要快速体验React-Native的开发，建议直接使用 简易沙盒环境
首先下载 expo 脚手架
npm install -g expo-cli
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
注意
使用 expo-cli 拉取项目时，很多依赖需要国外网络环境，需自行解决科学上网?
下载完之后，初始化项目
expo init 项目名
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
选择一个模板
- blank：创建一个空的很小的应用
- blank（TypeScript）：创建一个使用 TypeScript 的应用
- tabs（TypeScript）：创建一个带有 react导航tab 且是 TypeScript 的应用
- minimal：创建一个简洁明了，入门级应用
下载完之后进入项目
cd 项目名
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
下载依赖
yarn install
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
启动项目
npx expo start
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
启动之后会显示一个二维码和一个链接
手机预览环境
可以通过下载 expo.client 应用来预览，苹果手机可以直接在 App Store 搜索 Expo Go
下载完之后，如果是苹果手机，需要登录，登录之后会显示下面这个
之后直接使用手机自带的相机扫描二维码，就会显示在 Expo Go 中打开，这样就可以开始预览了，在电脑中更新代码手机也会实时更新
注意
手机和电脑必须保持在同一个网络中才能生效！！！
完整原生环境
如果要做一个完整的上线应用开发，那么可以搭建完整的原生环境，直接跟着官网的下载步骤走即可