​用expo,从0到1 轻松学react native

2018-04-17 13:19:37 浏览数 (1)

题图由 小程序 ACELAND 人工智能制作

我们在学习一门语言或新入门一套框架时,往往会被繁琐的配置环境所困扰。

回想我刚接触rn的时候,用的是mac,配置环境,初始化一个rn项目,然后通过xcode打开,然后在模拟器运行,或者在手机真机调试,都经过了不断的调试,发现错误,查找文档,重新安装,调试,真的很烦。

如果我还想打包成Android,还要去配置Android的编译环境,装sdk,调试环境。

有可能就从入门放弃了。。。

由于最近又要开始react native的开发,所以重新翻了下官方文档,发现rn已经迭代到46版本了,安装最新的版本,还需要额外的第三方编译库,还用上了yarn。

有没有一种办法可以躲过这些繁琐的入门障碍呢?

有的!

需要借助两个工具:

1. create-react-native-app

2. Expo

好处就是:

不用再去配置烦人的 iOS、Android 编译环境

可以用 Windows 开发 iOS 版的 RN 应用。

一、手机安装Expo

二、电脑安装 create-nreact-native-app

终端控制台:

代码语言:javascript复制
$ npm install -g create-react-native-app

三、初始化一个rn项目

代码语言:javascript复制
$ create-react-native-app ACERun
$ cd ACERun/
$ npm start

通过 npm start 启动动该应用后,会生成一个二维码。

接下来使用 Expo 扫描这个二维码就可以打开你编写的 RN 应用了。

并且只要在 Expo 中打开过一次,就会在 App 中保留一个入口。

Expo相当于一个壳,你只需关注js层面的开发即可。

这点类似于electron或者小程序。

我体验了下,

很简单,就3步

即可开始react native跨平台移动端开发!

参考资料:

https://docs.expo.io/versions/latest/introduction/index.html

0 人点赞