Expo - Getting Started
文章目录

Expo: Getting Started

使用前须知: Expo 不支持使用三方库, 因此所有功能都必须使用 Expo SDK 里面有的功能

Installation

1
2
3
4
5
npm install expo-cli --global

expo init my-new-project
cd my-new-project
expo start

然后到谷歌市场上下载最新版的 Expo

Debug

路径中不能有空格

首先肯定是要连接一个设备

这里提供了3种方法:

  1. Tunnel: 这个应该是走了他们公网, 然后将修改提交到公网, 并且从公网下载修改到自己的设备之上
  2. LAN: 需要防火墙开启端口(Windows 防火墙-> 高级设置 -> 入站规则 -> 新建规则 -> 选择端口规则 -> 输入端口 19000-19010 ), 然后重新开启 cmd 运行 expo start, 开启端口后应该就可以使用如果不行重复几次
  3. Local: USB 连接可以使用这种方式

推荐使用 LAN 方式, 扫描二维码之后, 如果出现一个圆角方框, 那么就是完成的, 等待着家长就行

Hot Reload

这个和原生的配置基本相同, 晃动手机就可以出现一个菜单, 从里面开启或者关闭

Snack

Snack 其实就是个远程开发 Web IDE

实现了很多方便的功能, 最方便的就是可以扫码直接调试

Snack Export 到本地之后可以如下执行:

1
2
npm install
expo start

Build

最终需要在本地才能 build

1
expo build:android

使用技巧

  1. 一定使用 npm install 而不要使用 cnpm install
  2. 在公司或者其他地方建议使用 Local
  3. Snack 的 import 会有一些问题